Leaflet.js es la biblioteca de mapas más simple que jamás encontrarás
Google Maps es sin duda el más popular widget de mapa integrable para diseñadores web. Pero que pasa añadiendo características personalizadas tales como información sobre herramientas y marcadores de pin?
Aquí es donde una biblioteca impresionante como Leaflet.js ayuda a una tonelada.
Esto es un Proyecto de código abierto completamente gratis. inicialmente creado por uno de los chicos de Mapbox llamado Vladimir Agafonkin. Desde entonces, Leaflet ha crecido hasta incluir docenas de contribuyentes alrededor del mundo.
Es frecuente actualizado con correcciones de errores y nuevas características Que mejoran la implementación general en cualquier sitio web. Esta es, con mucho, mi biblioteca de mapas favorita debido a su gran fuerza y diseño estético.
Tiene tantas características que no podría enumerarlas todas, pero aquí están los mas interesantes:
- Aceleración de hardware móvil
- Marcadores de pines, superposiciones de formas y información sobre herramientas
- Animación personalizada de zoom y paneo
- No hay dependencias JS
- Soporte para todos los principales navegadores incluyendo IE7+
La implementación es un poco complicada porque necesitas ingrese las coordenadas y define qué tan grande debe ser el mapa.
Los usuarios siempre pueden disminuir el zoom y panear alrededor, por lo que la vista siempre puede cambiar. Pero también se basa en cómo se define el mapa en la pagina.
Hay una enorme página de documentación Lleno de información para cada aspecto del folleto. Lamentablemente, es tan denso que no puedo recomendar simplemente sumergirme en él porque probablemente te perderás. En su lugar, echa un vistazo a la Página de tutoriales de folletos. que también incluye un guía de inicio rápido para novatos.
Aprenderás como incrustar mapas, cambiar el tamaño / posición, y como añadir gráficos personalizados en la parte superior, tales como círculos o marcadores de pines.
Esta guía de introducción puede enseñarte todo lo que necesites para utilizar Leaflet en un blog, sitio web de la empresa o cualquier proyecto próximo.
Existen muchas buenas razones para usar Google Maps: es potente, confiable y gratuito. Pero el folleto viene con muchas más características fuera de la caja y solo necesitas agrega los archivos CSS / JS a tu página web Para empezar. Incluso puedes encontrar copias alojadas en línea Si prefieres ir por la ruta CDN..
No dejes que la documentación te asuste. Hay mucho que puedes aprender pero no todas las características son necesarias para una configuración básica de folletos.
Y no lleva mucho crear un mapa increíble desde cero. Echa un vistazo a esta demo de Codepen creada usando Leaflet.js y la API de Google Maps.
