Diseño de paginas web

septiembre 17, 2020

Bibliotecas de JavaScript para crear mapas interactivos

Presentamos bibliotecas de JavaScript para crear mapas interactivos y personalizados que son de gran utilidad para los usuarios de páginas web.

Estas herramientas se pueden utilizar para mostrar marcadores de mapa especiales, dibujar líneas de ruta personalizadas o incluso mostrar un diálogo cuando se desplaza o dar clics en ciertos puntos del mapa.

Asimismo, se pueden personalizar los mapas con el estilo deseado; algunos de éstos se pueden diseñar con CSS o personalizar el mapa para que sea más interactivo. La fuente de los datos del mapa, las dependencias y licencias de cada biblioteca se ha incluido para que se ejecuten sin problemas.

Gmaps.js

Esta herramienta permite utilizar el potencial de Google Maps de una forma sencilla sin requerir documentación extensa o una gran cantidad de código.

Además de agregar un mapa, también se puede incluir algunas cosas en el mapa, como polilíneas que ayudan para dibujar una ruta, un control de menú especial e incluso elementos HTML.

Esta herramienta es compatible con datos en formato JSON que puede utilizar para integrar su mapa con una aplicación en particular, como Foursquare.

Fuente de datos del mapa: Google Maps

Dependencias: ninguna

Licencia: Licencia MIT

Gmaps.js
Gmaps.js

Kartograph

Se trata de un marco simple para crear aplicaciones de mapas interactivos sin Google Maps o cualquier otro servicio de mapas. Fue creado pensando en las necesidades de los diseñadores y analistas de datos.

En realidad, Kartograph son dos bibliotecas. Uno genera mapas SVG y el otro le ayuda a crear mapas interactivos que se ejecutan en los principales navegadores. Una de sus herramientas es Kartograph.py y la otra Kartograph.js que tienen diversas características y capacidades distintas.

Kartograph
Servicio Kartograph

jQuery Mapael

jQuery Mapael es un complemento de jQuery basado en raphael.js que tiene la capacidad de mostrar mapas vectoriales dinámicos.

Por ejemplo, con Mapael, se puede mostrar un mapa del mundo con países en los que se puede dar clic. También puede crear una visualización de datos simple estableciendo algunos parámetros para establecer automáticamente un color según un valor para cada área de su mapa y mostrar la leyenda asociada.

Además, puede trazar ciudades en el mapa con círculos, cuadrados o imágenes por su latitud y longitud.

Mapael es compatible con todos los navegadores modernos e Internet Explorer 9+. Para versiones anteriores de IE, puede cargar jQuery 1.11.xy Raphael.js 2.1.2 como dependencias.

Fuente de datos del mapa: Raphael.js

Dependencias: jQuery

Licencia: Licencia MIT

jQuery Mapael
Servicio jQuery Mapael

Leíste: Bibliotecas de JavaScript para crear mapas interactivos, te recomendamos: Cómo crear un bloque Gutenberg personalizado sin complemento

Te invitamos a que nos sigas en nuestras redes sociales: Facebook, Twitter, Instagram y Youtube con el perfil: @tortugacode