Necesito crear un mapa del mundo interactivo en la página principal de un sitio, el portal de la vista tendrá aproximadamente 650x200 píxeles. La interactividad incluiría lo siguiente, el ratón sobre un país destacaría (los países se llenarán literalmente con "rojo", por ejemplo) ese país y mostrar el nombre de los países (preferiblemente texto en un div), también estaré enlazando el evento destacado con un que resaltará un país cuando se seleccione.Mapa del mundo interactivo, resalte países en mouseover
Estoy teniendo dificultades para encontrar una solución adecuada, me niego a utilizar o aprender una tecnología de propiedad, como flash, por lo que no es una opción. Creé una maqueta simple usando capas abiertas y una imagen de mapa personalizada, pero los marcadores de los países cargan demasiado despacio en IE6.
También SVG parece demasiado grande, como he tratado de utilizar RaphaelJS, pero abondoned cuando me di cuenta de los datos de mapa del mundo es de 1,2 MB que es totalmente no aceptable para la primera página de un sitio ..
soy realmente no sé cómo voy a hacer esto, mi último recurso es crear manualmente 250+ (sin importar cuántos países hay) pngs y aplicar mouseover eventos a puntos de acceso en la imagen ... pero esto probablemente va a ser una callejón sin salida también ... buscando desesperadamente una solución, ¡cualquier comentario útil será apreciado!
¿Seguro? Recuerdo echarle un vistazo y no estar convencido, los mapas son estáticos, no creo que pueda adjuntar eventos JS. – BrenGG
Hay un ejemplo justo en la página que he vinculado para mostrar un mapa mundial completamente interactivo. –
hmmm. ok ja recuerdo haber visto esto hace una semana, no puedo recordar por qué lo dejé caer, voy a echar un vistazo más profundo en la mañana ... gracias de nuevo – BrenGG