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