Mapa de España dinamico

[gerion_angel]

Buenos días foro.

Estaba buscando a ver si encontraba algún mapa de España con la funcionalidad de que al poner el ratón sobre una de las provincias, esta se ilumine o lance un evento.

Quería saber si alguno conocéis algún lugar de donde se pueda descargar libremente esto.

lo necesitaría para html 5, php, o cualquier cosa menos flash.

un saludo y gracias por la ayuda.

[emprear]

Nuestro colega y moderador @Caricatos tiene hecho esto, creo que sería un buen punto de partida

http://www.pepemolina.com/index.php?...pa+de+Espa%F1a

SAludos

[jcMouse]

tal vez esto te sirva :)

http://www.jc-mouse.net/desarrollo-w...-html5-parte-1

Saludirijillos :)

[gerion_angel]

muchas gracias, le estube echando un ojo a ese mapa svg, hasta me emocioné y todo de lo bien que iba.

hasta que me aseguré de que me funcionara en todos los navegadores.
en chrome va perfecto, en firefox no siempre aplica la salida del raton y explorer no hace nada.

hay alguna forma de que me funcione en cualquier navegador o nunca será compatible con explorer?

gracias de nuevo

[caricatos]

Hola:

Yo también me emocioné un poco al comprobar con qué facilidad, a partir de las coordenadas se puede hacer un mapa con ese comportamiento, y sobre todo sin depender de javascript...

Lo de explorer, sí que es desilucionante, y a tu pregunta, creo que es difícil la respuesta, porque en el mismo diario hay otro mapa, con prácticamente las mismas prestaciones, pero dependiente de javascript, así que solo nos queda la opción css, pero me temo que el soporte también es limitado...

Bueno, el otro mapa que mencioné lo puedes ver aquí: Mapa de España.

Saludos

[emprear]

Encontré esto por ahi, por supuesto nunca creo que vaya a hacer algo tan complicado como un mapa de españa, pero la técnica y la compatibilidad parecen ser buenas

http://www.noobcube.com/tutorials/ht...inners-guide-/

Saludos

[caricatos]

Hola:

Acabo de probar algo que tenía pendiente y parece que funciona también en explorer, y es usar estilos. Es así de sencillo:

Código:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="625px" height="571px" id="mapa_hispano" style="border: 3px ridge blue; margin: auto; background-color: #99ffff;">
<style type="text/css">
<![CDATA[
polygon {fill: #00FF00;};
polygon:hover {fill: #FFFF00;};
]]>
</style>
<!-- aquí el resto... -->
</svg>

Saludos

[caricatos]

Hola:

He hecho un ejemplo probado en los navegadores más importantes: Información Sobre España. Pinchando sobre cualquier provincia se nota el resalte, y funciona el efecto rollover sin javascript:



Saludos

[cadid]

El "problema" (para mi no) del svg es que no esta para navegadores antiquados (IE8) en el resto funciona perfectamente:

http://caniuse.com/#feat=svg

Aqui teneis otra alternativa: http://winstonwolf.pl/clickable-maps/espana.html

[caricatos]

Hola:

Iniciado por cadid

El "problema" (para mi no) del svg es que no esta para navegadores antiquados (IE8) en el resto funciona perfectamente:

http://caniuse.com/#feat=svg

Aqui teneis otra alternativa: http://winstonwolf.pl/clickable-maps/espana.html

El enlace es a un script de pago según veo , y peor aún, funciona sobre la librería jQuery, que evidentemente funciona con javascript (Hay otro enlace de las mismas características en uno de mis comentarios anteriores)...

Para el caso de España, En mi último enlace puse un par de enlaces, uno con la relación de provincias y comunidades autónomas, y otro con las coordenadas de cada provincia (obtenidas desde otra de mis páginas: Capturar áreas en imágenes), que directamente puede incrustarse en una página php... pasarlo a javascript, por ejmplo, es trivial.

Saludos

[miktrv]

Yo usé este plugin de jquery:

https://github.com/kemayo/maphilight

Un saludo!

[ruben1984]

Puff creo k me duele la cabeza ya de leer y leer post de como hacer un mapa de estos y no me aclaro xd