Esite

Kokeneet kirjoittajat eivät ole vielä tarkistaneet sivun nykyistä versiota, ja se voi poiketa merkittävästi 19. tammikuuta 2017 tarkistetusta versiosta . tarkastukset vaativat 11 muokkausta .
esite
Tyyppi JavaScript-kirjasto
Tekijä Vladimir Agafonkin [d]
Sisään kirjoitettu JavaScript [3]
Ensimmäinen painos 13. toukokuuta 2011 [1] ja 1. syyskuuta 2010 [2]
uusin versio
Osavaltio aktiivinen
Lisenssi 2-lauseke BSD-lisenssi [5] [6]
Verkkosivusto leafletjs.com
 Mediatiedostot Wikimedia Commonsissa

Leaflet  on avoimen lähdekoodin JavaScript -kirjasto karttojen näyttämiseen verkkosivustoilla. Tukee useimpia mobiili- ja työpöytäalustoja, jotka tukevat HTML5:tä ja CSS3:a .

OpenLayersin ja Google Maps API :n ohella se  on yksi suosituimmista JavaScript-kartoituskirjastoista , joita käytetään sellaisilla suurilla sivustoilla kuin Flickr , Foursquare , Craigslist , Data.gov , IGN , Wikimedia-projektit , OpenStreetMap , Meetup , WSJ , MapBox , CarCloudDBtoMadeBox . ja muut .

Kirjaston kirjoittaja Vladimir Agafonkin Kiovasta oli ensimmäisen version julkaisuhetkellä ( 2011 [7] ) CloudMaden työntekijä , vuodesta 2013 lähtien hän siirtyi MapBoxiin [8] .

Leaflet avulla kehittäjä, joka ei ole perehtynyt GIS :ään , voi helposti näyttää rasterikarttoja, jotka koostuvat pienistä fragmenteista - laatoista ja mahdollisesti lisäkerroksista pääkerroksen päälle. Tasot voivat olla interaktiivisia, kuten ne voivat näyttää työkaluvihjeen, kun merkkiä napsautetaan.

Käyttö

Leafletin tyypillinen käyttötapa on sitoa kartta web-sivun elementtiin, kuten lohkoon <div>, ja sitten karttaan lisätään tasoja ja merkkejä.

// luo kartta divisioon "map", aseta näkymä tiettyyn paikkaan ja zoomaa var map = L . kartta ( 'kartta' ). setView ([ 55.432 , 37.654 ], 13 ); // lisää OpenStreetMap-laattataso L . tileLayer ( 'http://{s}.tile.osm.org/{z}/{x}/{y}.png' , { attribution : '© <a href="http://osm.org /copyright">OpenStreetMap</a> -avustajien }). addTo ( kartta );

Leaflet-kirjasto on saatavilla osoitteessa L.

Ominaisuudet

Leaflet tukee Web Map Service (WMS), GeoJSON , ominaisuus- ja ruututasoja. Monia muita tasotyyppejä tukevat lisämoduulit.

Kuten muutkin web-kartoituskirjastot, Leaflet toteuttaa seuraavan mallin: peruskartta näytetään mahdollisesti rasteri- ja vektorikerrokset päällekkäin. Leaflet auttaa sinua luomaan kaiken monimutkaisia ​​karttoja niiden tietojen kanssa. Selkeän käyttöliittymän ansiosta Leafletin työskentely on sinulle selvää muutaman tunnin käytön ja tuotteeseen upotuksen jälkeen.

Elements

Leaflet-objektien päätyypit: [9]

  • Rasterityypit (TileLayer ja ImageOverlay)
  • Vektorityypit (polku, monikulmio ja tietyt tyypit, kuten ympyrä)
  • Ryhmätyypit (LayerGroup, FeatureGroup ja GeoJSON)
  • Säätimet (zoom, tasot jne.)

Siellä on myös apukursseja projektioiden, muunnosten hallintaan ja vuorovaikutukseen Document Object Model (DOM) -mallin kanssa.

GIS-muotojen tuki

Leaflet-ydin tukee useita vakiomuotoisia GIS-formaatteja, loput moduulit.

Vakio Tuki
Geo JSON Hyvä, ydin sisältää toiminnon geoJson[10]
KML , CSV , WKT , TopoJSON , GPX Leaflet-Omnivore-moduuli [11]
WMS Ydin tukee alatyyppiä TileLayer.WMS[12]
WFS Ydin ei tue, siinä on kolmannen osapuolen moduuli. [13]
GML Ei tueta. [neljätoista]

Tuetut selaimet

Leaflet 0.7 tukee Chromea , Firefoxia , Safari 5+, Opera 12+ ja IE 7-11. [viisitoista]

Vertailu muihin kirjastoihin

Leaflettiä verrataan yleensä OpenLayersiin  - molemmat ovat avoimen lähdekoodin, molemmat JavaScript-asiakaskirjastoja. Leaflet on huomattavasti kompaktimpi ja sisältää noin 7 tuhatta riviä verrattuna 230 000 riviin OpenLayersissa vuonna 2015. [16] Leaflet vie vähemmän tilaa kuin OpenLayers (noin 123 kt [17] vs. 423 [18] ).

Sitä on myös verrattu omaan suljettuun Google Maps -sovellusliittymään (julkaistu ensimmäisen kerran vuonna 2005) ja Bing Maps -sovellusliittymään  , jotka molemmat käyttävät merkittävää osaa palvelinpuolelta tarjotakseen palveluita, kuten geokoodausta , reititystä , hakua ja integrointia lisätoimintojen kanssa. ohjelmisto, kuten Google Earth . Google Mapsin sovellusliittymät tarjoavat nopeutta ja yksinkertaisuutta sekä joustavuutta, mutta ne tarjoavat pääsyn vain Google Maps -palveluihin. DataLayer, joka on osa Googlen sovellusliittymää, sallii kuitenkin ulkoisten tietojen käyttämisen [19] .

Historia

Leaflet ilmestyi vuonna 2010 "Web Maps API:na" - JavaScript-kirjastona CloudMade- kartoituspalvelulle , jossa Vladimir Agafonkin työskenteli. Toukokuussa 2011 CloudMade julkisti Leafletin ensimmäisen julkaisun, joka oli kirjoitettu tyhjästä mutta käyttäen vanhoja koodinpätkiä [20] .

  • 0,1: 17. toukokuuta 2011
  • 0,2: 18. kesäkuuta 2011
  • 0,3: 14. helmikuuta 2012
  • 0,4: 30. heinäkuuta 2012
  • 0,5: 17. tammikuuta 2013

Versio 0.5 esitteli tuen tiheämmille näytöille ja erilaisille käyttöliittymäparannuksille [21] .

  • 0,6: 26. kesäkuuta 2013

Tässä julkaisussa useita API-menetelmiä ja tapahtumia on laajennettu, käytettävyyttä on parannettu ja GeoJSONin pysyvyyttä on lisätty . Se valmistui kahden päivän koodisprintissä, jota Mapbox tukee . [22]

  • 0,7: 22. marraskuuta 2013

Julkaisu keskittyi vianetsintään. Ilmoitettiin, että taaksepäin yhteensopivuus katoaa uudistuksen aikana [23] .

  • 1.0: 27. syyskuuta 2016

Yli 400 muutosta on tehty version 0.7.7 jälkeen. [24]

  • 1.1: 27. kesäkuuta 2017
  • 1.2: 8. elokuuta 2017
  • 1.3: 15. tammikuuta 2018
  • 1.4: 30. joulukuuta 2018
  • 1.5: 8.5.2019
  • 1.6: 17.11.2019

Katso myös

Muistiinpanot

  1. Julkaisu v0.1 Leaflet/Leaflet GitHub
  2. ensimmäinen sitoutuminen Leaflet/Leaflet@eb5b7d7 GitHub
  3. Esite Open Source Project Open Hubissa: Languages Page - 2006.
  4. Julkaisu 1.9.2 - 2022.
  5. Esite/KÄYTTÖOIKEUS
  6. Esite Open Source Project on Open Hub: Lisenssisivu - 2006.
  7. Lovelace, Robin Verkkokarttojen sovellusliittymien testaus - Google vs OpenLayers vs Leaflet . Arkistoitu alkuperäisestä 10. elokuuta 2014.
  8. Macwright, Tom Leafletin luoja Vladimir Agafonkin liittyy MapBoxiin (linkki ei saatavilla) . Mapbox (6. elokuuta 2014). Arkistoitu alkuperäisestä 12. syyskuuta 2015. 
  9. Leaflets API . Arkistoitu alkuperäisestä 15. elokuuta 2018.
  10. GeoJSONin käyttö Leafletin kanssa - Leaflet - JavaScript-kirjasto interaktiivisille kartoille . Haettu 28. elokuuta 2015. Arkistoitu alkuperäisestä 1. syyskuuta 2015.
  11. mapbox/leaflet-omnivore GitHub . Haettu 28. elokuuta 2015. Arkistoitu alkuperäisestä 19. lokakuuta 2020.
  12. Esitedokumentaatio . Arkistoitu alkuperäisestä 15. elokuuta 2018.
  13. Georepublic/leaflet-wfs GitHub . Haettu 28. elokuuta 2015. Arkistoitu alkuperäisestä 30. syyskuuta 2020.
  14. Tuki GML-numerolle #547 Leaflet/Leaflet GitHub . Haettu 28. elokuuta 2015. Arkistoitu alkuperäisestä 27. syyskuuta 2016.
  15. Esitteen ominaisuudet (downlink) . Arkistoitu alkuperäisestä 9. syyskuuta 2014. 
  16. OpenHub.net-vertailu OpenLayersin ja Leafletin välillä (downlink) . openhub.net . Haettu 18. huhtikuuta 2015. Arkistoitu alkuperäisestä 8. elokuuta 2014. 
  17. Esitteen etusivu . Leaflet – avoimen lähdekoodin JavaScript-kirjasto mobiiliystävällisille interaktiivisille kartoille . - "33 kt gzippattu - se on 123 kt pienennettynä ja 218 kt lähdemuodossa, 10 kt CSS:llä (2 kt gzippattu) ja 11 kt kuvia." Haettu 18. huhtikuuta 2015. Arkistoitu alkuperäisestä 10. tammikuuta 2014.
  18. OpenLayers 3.4.0 -pakattu lähdekoodi (downlink) . OpenLayers.org. Haettu 18. huhtikuuta 2015. Arkistoitu alkuperäisestä 29. marraskuuta 2016. 
  19. Tietokerros . Google Maps JavaScript API . Arkistoitu alkuperäisestä 28. tammikuuta 2021.
  20. Nouncing Leaflet: moderni avoimen lähdekoodin JavaScript-kirjasto interaktiivisille kartoille (linkki ei ole käytettävissä) . CloudMade (13. toukokuuta 2011). Haettu 7. elokuuta 2014. Arkistoitu alkuperäisestä 11. elokuuta 2014. 
  21. Leaflet 0.5 julkaistu . Arkistoitu alkuperäisestä 9. syyskuuta 2015.
  22. Leaflet 0.6 julkaistu, Code Sprint in DC ja MapBox . Arkistoitu alkuperäisestä 5. syyskuuta 2015.
  23. Leaflet 0.7 -julkaisu, MapBox ja tulevaisuuden suunnitelmat . Arkistoitu alkuperäisestä 5. syyskuuta 2015.
  24. Meet Leaflet 1.0. . Arkistoitu alkuperäisestä 19. marraskuuta 2016.

Linkit