Folleto

La versión actual de la página aún no ha sido revisada por colaboradores experimentados y puede diferir significativamente de la versión revisada el 19 de enero de 2017; las comprobaciones requieren 11 ediciones .
folleto
Tipo de biblioteca JavaScript
Autor Vladímir Agafonkin [d]
Escrito en JavaScript [3]
Primera edición 13 de mayo de 2011 [1] y 1 de septiembre de 2010 [2]
ultima versión
Estado activo
Licencia Licencia BSD de 2 cláusulas [5] [6]
Sitio web prospectojs.com
 Archivos multimedia en Wikimedia Commons

Leaflet  es una biblioteca JavaScript de código abierto para mostrar mapas en sitios web. Admite la mayoría de las plataformas móviles y de escritorio que admiten HTML5 y CSS3 .

Junto con OpenLayers y la API de Google Maps , es una de las bibliotecas de mapas de JavaScript  más populares que se utilizan en sitios tan grandes como Flickr , Foursquare , Craigslist , Data.gov , IGN , proyectos de Wikimedia , OpenStreetMap , Meetup , WSJ , MapBox , CloudMade , CartoDB . y otros .

El autor de la biblioteca, Vladimir Agafonkin de Kiev , en el momento del lanzamiento de la primera versión ( 2011 [7] ) era un empleado de CloudMade , desde 2013 se mudó a MapBox [8] .

Leaflet permite a un desarrollador que no está familiarizado con GIS mostrar fácilmente mapas ráster que consisten en pequeños fragmentos, mosaicos, con posiblemente capas adicionales superpuestas sobre la principal. Las capas pueden ser interactivas, como mostrar información sobre herramientas cuando se hace clic en un marcador.

Uso

Un uso típico de Leaflet es vincular un mapa a un elemento en una página web, como un bloque <div>, y luego se agregan capas y marcadores al mapa.

// crea un mapa en el div "mapa", establece la vista en un lugar determinado y haz zoom var map = L . mapa ( 'mapa' ). establecerVista ([ 55.432 , 37.654 ], 13 ); // agregar una capa de teselas de OpenStreetMap L . tileLayer ( 'http://{s}.tile.osm.org/{z}/{x}/{y}.png' , { atribución : '© <a href="http://osm.org /copyright">OpenStreetMap</a> contribuidores' }). addTo ( mapa );

La biblioteca de folletos está disponible a través de L.

Características

Leaflet es compatible con Web Map Service (WMS), GeoJSON , características y capas de teselas. Muchos otros tipos de capas son compatibles con módulos adicionales.

Al igual que otras bibliotecas de mapas web, Leaflet implementa el siguiente modelo: se muestra un mapa base con posiblemente capas ráster y vectoriales superpuestas encima. Leaflet lo ayudará a crear mapas de cualquier complejidad junto con sus datos. Gracias a una interfaz clara, el trabajo en Leaflet le resultará claro después de un par de horas de uso e inmersión en el producto.

Elementos

Tipos principales de objetos de folleto: [9]

  • Tipos de ráster (TileLayer e ImageOverlay)
  • Tipos de vectores (Ruta, Polígono y tipos específicos como Círculo)
  • Tipos de grupos (LayerGroup, FeatureGroup y GeoJSON)
  • Controles (Zoom, Capas, etc.)

También hay clases auxiliares para gestionar proyecciones, transformaciones e interactuar con el modelo de objetos de documento (DOM).

Soporte para formatos GIS

Varios formatos GIS estándar son compatibles con el núcleo de Leaflet, el resto con módulos.

Estándar Apoyo
Geo JSON Bien, el núcleo contiene la función geoJson[10]
KML , CSV , WKT , TopoJSON , GPX Módulo Folleto-Omnivore [11]
WMS El kernel admite el subtipo TileLayer.WMS[12]
WFS No es compatible con el kernel, hay un módulo de terceros. [13]
GML No soportado. [catorce]

Navegadores compatibles

Leaflet 0.7 es compatible con Chrome , Firefox , Safari 5+, Opera 12+ e IE 7-11. [quince]

Comparación con otras bibliotecas

El folleto generalmente se compara con OpenLayers  : ambos son de código abierto , ambos son bibliotecas de cliente de JavaScript. Leaflet es notablemente más compacto, contiene alrededor de 7 mil líneas frente a 230 mil para OpenLayers a partir de 2015. [16] Leaflet ocupa menos espacio que OpenLayers (alrededor de 123 kB [17] frente a 423 [18] ).

También se ha comparado con la API cerrada patentada de Google Maps (lanzada por primera vez en 2005) y la API de Bing Maps  , las cuales utilizan una parte significativa del lado del servidor para proporcionar servicios como geocodificación , enrutamiento , búsqueda e integración con recursos adicionales. software como Google Earth . Las API de Google Maps brindan velocidad y simplicidad junto con flexibilidad, pero solo acceden a los servicios de Google Maps. Sin embargo, DataLayer, parte de la API de Google, le permite utilizar datos externos [19] .

Historia

El folleto apareció en 2010 como una "API de mapas web", una biblioteca de JavaScript para el proveedor de mapas CloudMade , donde trabajaba Vladimir Agafonkin. En mayo de 2011, CloudMade anunció el primer lanzamiento de Leaflet, escrito desde cero pero utilizando fragmentos de código antiguos [20] .

  • 0.1: 17 de mayo de 2011
  • 0.2: 18 de junio de 2011
  • 0.3: 14 de febrero de 2012
  • 0.4: 30 de julio de 2012
  • 0.5: 17 de enero de 2013

La versión 0.5 introdujo soporte para pantallas de mayor densidad y varias mejoras en la interfaz de usuario [21] .

  • 0.6: 26 de junio de 2013

En esta versión, se ampliaron varios métodos y eventos de la API, se mejoró la usabilidad y se agregó la persistencia de GeoJSON . Se completó en un sprint de código de dos días con el apoyo de Mapbox . [22]

  • 0.7: 22 de noviembre de 2013

El lanzamiento se centró en la resolución de problemas. Se anunció que la retrocompatibilidad desaparecería durante la revisión [23] .

  • 1.0: 27 de septiembre de 2016

Se han realizado más de 400 cambios desde la versión 0.7.7. [24]

  • 1.1: 27 de junio de 2017
  • 1.2: 8 de agosto de 2017
  • 1.3: 15 de enero de 2018
  • 1.4: 30 de diciembre de 2018
  • 1.5: 8 de mayo de 2019
  • 1.6: 17 de noviembre de 2019

Véase también

Notas

  1. Versión v0.1 Folleto/Folleto GitHub
  2. primera confirmación Leaflet/Leaflet@eb5b7d7 GitHub
  3. El folleto Proyecto de código abierto en Open Hub: Página de idiomas - 2006.
  4. Versión 1.9.2 - 2022.
  5. Folleto/LICENCIA
  6. El folleto Proyecto de código abierto en Open Hub: Página de licencias - 2006.
  7. Lovelace, Robin Probando APIs de mapas web - Google vs OpenLayers vs Leaflet . Archivado desde el original el 10 de agosto de 2014.
  8. Macwright, Tom El creador del folleto, Vladimir Agafonkin, se une a MapBox (enlace no disponible) . Mapbox (6 de agosto de 2014). Archivado desde el original el 12 de septiembre de 2015. 
  9. API de folletos . Archivado desde el original el 15 de agosto de 2018.
  10. Uso de GeoJSON con Leaflet - Leaflet - una biblioteca de JavaScript para mapas interactivos . Consultado el 28 de agosto de 2015. Archivado desde el original el 1 de septiembre de 2015.
  11. mapbox/folleto-omnívoro GitHub . Consultado el 28 de agosto de 2015. Archivado desde el original el 19 de octubre de 2020.
  12. Documentación del folleto . Archivado desde el original el 15 de agosto de 2018.
  13. Georrepública/folleto-wfs GitHub . Consultado el 28 de agosto de 2015. Archivado desde el original el 30 de septiembre de 2020.
  14. Compatibilidad con GML Edición n.º 547 Folleto/Folleto GitHub . Consultado el 28 de agosto de 2015. Archivado desde el original el 27 de septiembre de 2016.
  15. Características del folleto (enlace descendente) . Archivado desde el original el 9 de septiembre de 2014. 
  16. Comparación de OpenHub.net entre OpenLayers y Leaflet (enlace descendente) . openhub.net . Consultado el 18 de abril de 2015. Archivado desde el original el 8 de agosto de 2014. 
  17. Portada del folleto . Folleto: una biblioteca JavaScript de código abierto para mapas interactivos aptos para dispositivos móviles . - "33 KB comprimidos con gzip: son 123 KB minificados y 218 KB en formato fuente, con 10 KB de CSS (2 KB comprimidos con gzip) y 11 KB de imágenes". Consultado el 18 de abril de 2015. Archivado desde el original el 10 de enero de 2014.
  18. Código fuente comprimido de OpenLayers 3.4.0 (enlace descendente) . OpenLayers.org. Consultado el 18 de abril de 2015. Archivado desde el original el 29 de noviembre de 2016. 
  19. Capa de datos . API JavaScript de Google Maps . Archivado desde el original el 28 de enero de 2021.
  20. Folleto de anuncio: una biblioteca JavaScript moderna de código abierto para mapas interactivos (enlace no disponible) . CloudMade (13 de mayo de 2011). Consultado el 7 de agosto de 2014. Archivado desde el original el 11 de agosto de 2014. 
  21. Folleto 0.5 publicado . Archivado desde el original el 9 de septiembre de 2015.
  22. Lanzamiento del folleto 0.6, Code Sprint en DC con MapBox . Archivado desde el original el 5 de septiembre de 2015.
  23. Lanzamiento del folleto 0.7, MapBox y planes para el futuro . Archivado desde el original el 5 de septiembre de 2015.
  24. Conoce el Folleto 1.0. . Archivado desde el original el 19 de noviembre de 2016.

Enlaces