SummArg | Cursos y recursos para webmasters

30/06/2011

jVectorMap, plugin jQuery para construir mapas interactivos

jVectorMap es un plugin para la construcción de mapas interactivos en pocos pasos. Posee un mapa planisferio, un mapa de los estados de EE.UU. y uno de las provincias de Alemania. Utiliza SVG y tiene un soporte en VML para que sea compatible con todos los navegadores (incluido IE6).

Para insertar un mapa en nuestra web primero descargamos los archivos y los incluimos entre etiquetas <head>

<link href="jquery.vector-map.css" media="screen" rel="stylesheet" type="text/css" />
<script src="jquery.vector-map.js" type="text/javascript"></script>
<script src="world-en.js" type="text/javascript"></script>

E insertamos nuestro mapa.

$(function(){
    $('#map').vectorMap();
});

En la web del plugin están bien detallados los parámetros que podemos utilizar y describe con algunos ejemplos cómo aplicar datos externos a nuestro mapa interactivo.

Descarga, documentación y Demo. | Visto en Kabytes

Dejar un comentario

  1. Información Bitacoras.com…

    Valora en Bitacoras.com: jVectorMap es un plugin para la construcción de mapas interactivos en pocos pasos. Posee un mapa planisferio, un mapa de los estados de EE.UU. y uno de las provincias de Alemania. Utiliza SVG y tiene un soporte en VML para qu…..

Dejar un comentario