2009-08-13 28 views
11

Estoy buscando mapas mundiales a gran escala que pueda sombrear por país. Google Charts tiene una API para esto, pero solo le permite generar un mapa pequeño (440x220 px). ¿Alguien sabe de una manera de generar tales mapas con una biblioteca de código abierto?¿Hay una biblioteca SVG Map como Google Charts?

+0

¿Necesita acomodar IE? Lo pregunto porque no hay soporte SVG en IE, solo VML ... –

+0

Hay svgweb que permite a IE mostrar SVG (usando un shim basado en flash), http://code.google.com/p/svgweb/. Un ejemplo de un mapa SVG dinámico usando svgweb, mira aquí: http://vis.uell.net/gsvg/electionAtlasGermany.html –

Respuesta

1

El Geomap, de la API de visualización de Google, puede ser del tamaño que desee; sin embargo, usa Flash en lugar de SVG.

2

Con la Wikipedia SVG Maps puede "sombrear" países simplemente usando CSS.

Algunos ejemplos del uso de tales mapas (SVG, CSS, HTML, JS) se pueden encontrar here. Eso exportará un mapa completo o solo la hoja de estilo que se puede aplicar a una copia local del mapa. Recomiendo usar Opera para la mejor experiencia de visualización, pero debería funcionar en todos los navegadores compatibles con SVG.

+0

+1 Eso es genial. –

6

Trabajo en una biblioteca que proporciona una funcionalidad similar a la descrita en la pregunta. Se llama jVectorMap. Este es un plugin de jQuery, que permite colocar los componentes del mapa mundial en las páginas web usando SVG en los navegadores modernos y VML en IE 6-8. Puede personalizarlo de muchas maneras, cambiando el aspecto y el comportamiento del mapa. Lamentablemente, la documentación aún no está lista. Puede ver ejemplos y códigos aquí http://jvectormap.owl-hollow.net/.

2

En estos días, recomendaría usar Polymaps o d3. La primera es una completa biblioteca de "mapas deslizantes" que funciona con SVG. Esta última es una biblioteca de visualización que funciona con SVG y tiene una cantidad creciente de características geográficas. Si no necesita panoramización, zoom y otras características "deslizantes", intente con d3, como en este ejemplo: http://mbostock.github.com/d3/ex/choropleth.html

0

Comprobar amMap: http://www.ammap.com - tenemos mapas SVG de la mayoría de los países del mundo y una API para hacer estos mapas interactivos, zoom, etc.

Aviso legal - yo soy el autor de la amMap.

0

Como autor, recomiendo http://www.makeclickablemap.com para mapeo basado en SVG. Tiene un número creciente de países y una hermosa interfaz fácil de usar para editar sus mapas que puede incrustar en cualquier lugar utilizando un iframe.

Cuestiones relacionadas