![]() | |
Autor (es) original (es) | Vladimir Agafonkin |
---|---|
Versión inicial | 13 de mayo de 2011 |
Lanzamiento estable | 1.7.1 / 4 de septiembre de 2020 |
Repositorio | |
Escrito en | JavaScript |
Plataforma | Ver soporte del navegador |
Escribe | Biblioteca de JavaScript |
Licencia | BSD-2-Cláusula [1] |
Sitio web | leafletjs |
Leaflet es una biblioteca de JavaScript de código abierto que se utiliza para crear aplicaciones de mapas web . Lanzado por primera vez en 2011, [2] es compatible con la mayoría de las plataformas móviles y de escritorio, y admite HTML5 y CSS3 . Entre sus usuarios se encuentran FourSquare , Pinterest y Flickr .
Leaflet permite a los desarrolladores sin experiencia en SIG visualizar fácilmente mapas web en mosaico alojados en un servidor público, con superposiciones en mosaico opcionales. Puede cargar datos de características de archivos GeoJSON , diseñarlos y crear capas interactivas, como marcadores con ventanas emergentes cuando se hace clic.
Está desarrollado por Vladimir Agafonkin, quien se unió a Mapbox en 2013. [3]
Un uso típico de Leaflet implica vincular un elemento de "mapa" de Leaflet a un elemento HTML como un div . A continuación, se agregan capas y marcadores al elemento del mapa.
// crear un mapa en el "mapa" div, fijar la vista en un lugar dado y zoom var mapa = L . mapa ( 'mapa' ). setView ([ 51,505 , - 0,09 ], 13 ); // añadir una capa de mosaico OpenStreetMap Política // Azulejos de uso se aplica: https://operations.osmfoundation.org/policies/tiles/ L . tileLayer ( 'http: // {s} .tile.openstreetmap.org / {z} / {x} / {y} .png' , { atribución : '& amp; copy; <a href = "http: // openstreetmap .org / copyright "> colaboradores de OpenStreetMap </a> ' }). addTo ( mapa );
Una característica única del folleto es mostrar mapas en proyecciones de Mercator no esféricas. [4]
Se puede acceder a la propia biblioteca de folletos a través de la variable L
.
Leaflet admite capas de Web Map Service (WMS), capas GeoJSON , capas vectoriales y capas de mosaicos de forma nativa. Se admiten muchos otros tipos de capas mediante complementos .
Al igual que otras bibliotecas de mapas web, el modelo de visualización básico implementado por Leaflet es un mapa base, más cero o más superposiciones translúcidas, con cero o más objetos vectoriales mostrados en la parte superior.
Los principales tipos de objetos de folletos son: [5]
También hay una variedad de clases de servicios públicos, como interfaces para administrar proyecciones, transformaciones e interactuar con el DOM .
Leaflet tiene soporte básico para múltiples formatos estándar GIS, y otros son compatibles con complementos.
Estándar | Apoyo |
---|---|
GeoJSON | Buen soporte básico a través de la geoJson función [6] |
KML, CSV, WKT, TopoJSON, GPX | Compatible con el complemento Leaflet-Omnivore [7] |
WMS | Soporte básico a través del subtipo TileLayer.WMS [8] |
WFS | No es compatible, aunque existen complementos de terceros. [9] |
GML | No soportado. [10] |
Leaflet 0.7 es compatible con Chrome, Firefox, Safari 5+, Opera 12+ e IE 7-11. [11]
Leaflet es directamente comparable con OpenLayers , ya que ambos son bibliotecas de JavaScript de código abierto, solo del lado del cliente. La biblioteca en su conjunto es mucho más pequeña, alrededor de 7.000 líneas de código en comparación con las 230.000 de OpenLayers (a partir de 2015). [12] Tiene una huella de código más pequeña que OpenLayers (alrededor de 123 KB [13] frente a 423 KB [14] ) debido en parte a su estructura modular. La base de código es más nueva y aprovecha las características recientes de JavaScript, además de HTML5 y CSS3. Sin embargo, Leaflet carece de funciones compatibles con OpenLayers, como Web Feature Service (WFS) [15] y soporte nativo para proyecciones distintas de Google Web Mercator (EPSG 3857). [dieciséis]
También es comparable a la API de Google Maps patentada y de código cerrado (que debutó en 2005) y la API de Bing Maps , las cuales incorporan un componente significativo del lado del servidor para proporcionar servicios como codificación geográfica , enrutamiento , búsqueda e integración con funciones como Google. Tierra . [ cita requerida ] La API de Google Maps proporciona velocidad y simplicidad, pero no es flexible y solo se puede utilizar para acceder a los servicios de Google Maps. Sin embargo, la nueva parte DataLayer de la API de Google permite que se muestren fuentes de datos externas. [17]
Leaflet comenzó su vida en 2010 como "Web Maps API", una biblioteca de JavaScript para el proveedor de mapas CloudMade, donde Agafonkin trabajaba en ese momento. En mayo de 2011, CloudMade anunció el primer lanzamiento de Leaflet, creado desde cero pero utilizando partes del antiguo código API. [18]