MapSVG: Mapas basados ​​en vectores para jQuery y WordPress

Siempre se necesitan mapas, ya sea para la extensión visual de las estadísticas o para la visualización de la ubicación. MapSVG es un servicio que le permite integrar fácilmente mapas interactivos basados ​​en vectores en formato SVG en su sitio web. MapSVG está disponible como complemento para jQuery y WordPress.

Mapas estatales que incluyen divisiones

MapaSVG te da acceso a más de 100 mapas diferentes. Entre ellos no están todos, pero sí la mayoría de los países del mundo. Además de los países en sí, los mapas también muestran las subdivisiones de una nación. En el mapa de EE. UU., también encontrará los estados individuales, y en el de Francia, puede ver las diferentes regiones.

Ejemplo: Cómo usar los mapas

Además, hay dos mapas del mundo con todas las naciones incluidas; uno con bordes detallados y otro con bordes bastante toscamente dibujados. También se proporciona para cada mapa una vista previa interactiva con países o regiones en los que puede hacer clic para recibir información sobre el nombre y el código oficial ISO-3166.

Además de eso, hay un par de ejemplos para cada mapa, que le muestran cómo podría aplicarse.

Usando MapSVG en WordPress

Como MapSVG es un servicio comercial, la versión gratuita está restringida a algunas funciones y mapas. Sin embargo, el complemento «MapSVG Lite» le brinda una manera muy fácil de integrar y personalizar mapas. “MapSVG Lite” solo contiene mapas para los EE. UU., lo que significa que debe cambiar al complemento premium o cargar sus mapas cuando necesite otros diferentes.

Subir y editar mapas propios fácilmente

Lo único importante es que el material del mapa se proporcione en formato SVG. No importa si crea los mapas en Illustrator u otro programa o si usa material de mapas gratuito. En cualquier caso, “MapSVG Lite” te permite utilizar mapas personalizados.

Luego puede elegir los colores del mapa a través de la interfaz de usuario del complemento. Además del fondo, la línea y el color base, también puede definir colores para áreas individuales y desactivadas, así como para un efecto de desplazamiento.

Ajuste de colores

Si se asigna una ID a las rutas de su mapa SVG, se muestra como una región. En un mapa alemán, por ejemplo, tendría sentido nombrar las rutas que representan los estados federales según el estado que representan. Entonces, los estados federales individuales están disponibles para usted como regiones.

Después de eso, defina información sobre herramientas y enlaces para cada región. Además, también puede agregar una función de zoom y desplazamiento a un mapa. También sería posible mejorar una parte del mapa usando botones o un mouse.

Edición de regiones y adición de información sobre herramientas y enlaces a ellas

Una vez que haya terminado de editar y guardar su mapa, se proporciona un código abreviado para colocar en una página o en un artículo.

Adición de ubicaciones a través de marcadores

Mientras que el complemento premium le permite determinar ubicaciones ingresando una dirección, el complemento lite solo le brinda la opción de colocar marcadores manualmente. Sin embargo, debido a la interfaz de usuario visual, es bastante cómodo colocar nuevos marcadores en el mapa.

Colocar marcadores y equiparlos con información sobre herramientas y enlaces

De forma similar a las regiones, se colocan marcadores con información sobre herramientas y enlaces. Por ejemplo, es fácil crear un mapa con ubicaciones comerciales junto con enlaces a estas ubicaciones.

Complemento jQuery y costos

Para todos los que trabajan sin WordPress, MapaSVG también está disponible como complemento de JQuery. Sin embargo, no hay una versión gratuita para ello. Entonces, si prefiere usar MapSVG a través de jQuery, le costará 25 USD.

El complemento premium de WordPress cuesta 35 USD. A cambio, todos los mapas están disponibles y no hay restricciones con respecto a las funciones. En el complemento lite, solo puede colocar cinco marcadores. Con el complemento premium, también puede crear eventos de JavaScript personalizados y crear mapas mucho más personalizados con funciones individuales.

(dpe)