Mapa de México con SVG y Javascript empotrado en HTML

ejemplo_mexico_mapa_svg_javascript

ejemplo_mexico_mapa_svg_javascript

Para hacer un mapa dinamico en un sitio web las opciones son las siguientes:

(Descartando flex,  apples y  silverlight ya q no son crossbrowsers ) de estas opciones la que mas me gusta son las canvas, sin embargo en esta ocasión  tras leer un articulo de opera y la comparativa de estas tecnologías decidir  ocupar SVG, sin mas dejo la liga en donde puedes descargar el ejemplo y su respectivo código fuente:

Este post ha sido actualizado y movido a la siguiente dirección:

http://fitorec.github.com/manual_mapas_svg_raphael/

Anuncios

24 thoughts on “Mapa de México con SVG y Javascript empotrado en HTML

  1. Muy buen post! muchas gracias! una pregunta, en caso de que quiera cambiar los estados de colores? y que se agrupen los estados aleatoriamente, por ejemplo (Yucatan y Roo de un solo color ) (Todo el centro de otro) y al hacer click en estos grupos haga algun efecto, Crees que sea muy dificil hacer dicha agrupacion a partir del ejemplo que ya generaste?

    de antemano gracias!

  2. Y revise todo el codigo y logre lo que queria de los grupos y todo, solo una pregunta, existe alguna manera sencilla de cambiar el tamaño? hacerlo mas chico por ejemplo? o tengo que volver ha hacer los mapeos?

    de antemano gracias!

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s