Zum Inhalt springen

Leaflet

aus Wikipedia, der freien Enzyklopädie
Leaflet

colspan="2" class="notheme" style="text-align:center; background:#Vorlage:Standardfarbe; color:#202122;" | Datei:Leaflet logo.svg
Datei:Leaflet beige screenshot.png
JavaScript-Bibliothek zur Darstellung dynamischer Onlinekarten
Basisdaten

Maintainer Lua-Fehler in Modul:Wikidata, Zeile 1703: attempt to index field 'wikibase' (a nil value)
Entwickler Volodymyr Agafonkin<ref>Graphs/Contributors Aug 29, 2010 – Sep 7, 2023. In: Leaflet. Abgerufen am 7. September 2023 (Lua-Fehler in Modul:Multilingual, Zeile 153: attempt to index field 'data' (a nil value)).</ref>
Erscheinungsjahr 2011
Aktuelle Version Lua-Fehler in Modul:Wikidata, Zeile 1703: attempt to index field 'wikibase' (a nil value)
(Lua-Fehler in Modul:Wikidata, Zeile 1703: attempt to index field 'wikibase' (a nil value))
Aktuelle Vorabversion Lua-Fehler in Modul:Wikidata, Zeile 1703: attempt to index field 'wikibase' (a nil value)
(Lua-Fehler in Modul:Wikidata, Zeile 1703: attempt to index field 'wikibase' (a nil value))
Betriebssystem Webbrowser
Programmier­sprache JavaScript
Kategorie Geoinformationssystem
Lizenz BSD-Lizenz
deutschsprachig ja
leafletjs.com

Leaflet ist eine freie JavaScript-Bibliothek, mit der WebGIS-Anwendungen erstellt werden können. Die Bibliothek verwendet HTML5, CSS3 und unterstützt somit die meisten Desktop- und Mobil-Browser. Neben OpenLayers und Google Maps API ist Leaflet eine der verbreitetsten Bibliotheken und wird von Webseiten wie GitHub,<ref>There’s a map for that. GitHub, 13. Juni 2013, abgerufen am 27. September 2016 (Lua-Fehler in Modul:Multilingual, Zeile 153: attempt to index field 'data' (a nil value)).</ref> FourSquare,<ref>Jon Gold: FourSquare drops Google Maps API for OpenStreetMap. 3. Mai 2012, abgerufen am 27. September 2016 (Lua-Fehler in Modul:Multilingual, Zeile 153: attempt to index field 'data' (a nil value)).</ref> Pinterest und Flickr<ref>Eric Gelinas: The great map update of 2012. In: code.flickr.com. 29. Juni 2012, abgerufen am 27. September 2016 (Lua-Fehler in Modul:Multilingual, Zeile 153: attempt to index field 'data' (a nil value)).</ref> eingesetzt.

Mit Leaflet können einfach Web Map Tile Services zusammen mit eigenen Geodaten auf einer Webseite präsentiert werden. Die Geodaten können beispielsweise aus GeoJSON-Dateien geladen werden und mit interaktiven Funktionen wie Pop-ups versehen werden.

Geschichte[Bearbeiten]

Volodymyr Agafonkin<ref>Siehe auch sein Github-Profil. Abgerufen am 30. Januar 2017 (Lua-Fehler in Modul:Multilingual, Zeile 153: attempt to index field 'data' (a nil value)).</ref> entwickelte Leaflet 2010 bei der Firma CloudMade unter dem Namen Web Maps API.<ref>Leaflet story in 13 minutes auf YouTube</ref> 2011 wurde die erste Version veröffentlicht.<ref>Die Seite Vorlage:Webarchiv/styles.css hat keinen Inhalt.Leaflet – a new open source JavaScript library for maps by CloudMade (Memento des Vorlage:IconExternal vom 30. Januar 2017 im Internet Archive)  Info: Der Archivlink wurde automatisch eingesetzt und noch nicht geprüft. Bitte prüfe Original- und Archivlink gemäß Anleitung und entferne dann diesen Hinweis.@1@2Vorlage:Webachiv/IABot/gis.19327.n8.nabble.com, 13. Mai 2011</ref> Seit 2013 arbeitet er für Mapbox und sorgt dort für die Weiterentwicklung von Leaflet.<ref>Die Seite Vorlage:Webarchiv/styles.css hat keinen Inhalt.Leaflet Creator Vladimir Agafonkin Joins MapBox (Memento des Vorlage:IconExternal vom 12. September 2015 im Internet Archive)  Info: Der Archivlink wurde automatisch eingesetzt und noch nicht geprüft. Bitte prüfe Original- und Archivlink gemäß Anleitung und entferne dann diesen Hinweis.@1@2Vorlage:Webachiv/IABot/www.mapbox.com, 28. Oktober 2013</ref><ref>Die Seite Vorlage:Webarchiv/styles.css hat keinen Inhalt.Mapbox.js and Leaflet (Memento des Vorlage:IconExternal vom 30. Januar 2017 im Internet Archive)  Info: Der Archivlink wurde automatisch eingesetzt und noch nicht geprüft. Bitte prüfe Original- und Archivlink gemäß Anleitung und entferne dann diesen Hinweis.@1@2Vorlage:Webachiv/IABot/www.mapbox.com</ref>@1@2Vorlage:Toter Link/www.mapbox.com (Seite nicht mehr abrufbar, festgestellt im September 2023. Suche im Internet Archive) Im April 2022 wurde nach 18 Monaten Entwicklung die Version 1.8 mit Fokus auf Bugfixes und Accessibility veröffentlicht.<ref>Volodymyr Agafonkin: Leaflet 1.8 released in the middle of war. In: leafletjs.com. 18. April 2022, abgerufen am 23. April 2022 (Lua-Fehler in Modul:Multilingual, Zeile 153: attempt to index field 'data' (a nil value)).</ref>

Funktionalitäten[Bearbeiten]

Leaflet unterstützt Web Map Service (WMS), Web Map Tile Service (WMTS), GeoJSON, Bildüberlagerungen. Weitere Typen von Ebenen bzw. Geodaten-Formate können via Plug-ins eingebunden werden (KML, CSV, WKT, GPX, …).

Browser-Unterstützung[Bearbeiten]

Leaflet unterstützt Chrome, Firefox, Safari 5+, Opera 12+, Internet Explorer 7–11 und Microsoft Edge.<ref>Vorlage:Cite book/Name: [Internetquelle: archiv-url ungültig Features.] Leafletjs.com, , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; (Lua-Fehler in Modul:Multilingual, Zeile 153: attempt to index field 'data' (a nil value)).Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref>

Vergleich mit anderen Bibliotheken[Bearbeiten]

Im Vergleich zu OpenLayers liefert Leaflet weniger Features direkt mit. So können nur eingeschränkt Koordinatensystem-Umrechnungen durchgeführt<ref>Vorlage:Cite book/Name: [Internetquelle: archiv-url ungültig IProjection in Funktionsreferenz.] Leafletjs.com, , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; (Lua-Fehler in Modul:Multilingual, Zeile 153: attempt to index field 'data' (a nil value)).Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref> werden und Web Feature Service (WFS) werden nicht unterstützt<ref>vgl. Plugins für WFS-Unterstützung auf Vorlage:Cite book/Name: [Internetquelle: archiv-url ungültig Plugins.] Leafletjs.com, , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; (Lua-Fehler in Modul:Multilingual, Zeile 153: attempt to index field 'data' (a nil value)).Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref>. Im Gegenzug ist Leaflet wesentlich kleiner was Lines of Code (7.000 vs. 230.000<ref>Vorlage:Cite book/Name: [Internetquelle: archiv-url ungültig Vergleich zwischen OpenLayers und Leaflet.] Open Hub, , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 18. April 2015.Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref>; Stand 2015) sowie die Datenmenge der Bibliothek (≈123 KB<ref>Vorlage:Cite book/Name: [Internetquelle: archiv-url ungültig Leaflet.] , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 18. April 2015 (Lua-Fehler in Modul:Multilingual, Zeile 153: attempt to index field 'data' (a nil value)): „33 kB gzipped, das sind 123 kB minifiziert und 218 kB im Quellcode, plus 10 kB an CSS (2 kB gzipped) und 11 kB an Icons.“Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref> vs. ≈423 KB<ref>Vorlage:Cite book/Name: [Internetquelle: archiv-url ungültig OpenLayers 3.4.0 komprimierter Quellcode.] OpenLayers.org, , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 18. April 2015 (Lua-Fehler in Modul:Multilingual, Zeile 153: attempt to index field 'data' (a nil value)).Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref>) betrifft.

Bibliotheken wie die Google Maps API oder Bing Maps API lagern einige Funktionalitäten wie Geocoding und Routing auf Server aus und erfordern für die Nutzung einen API-Key.

Weblinks[Bearbeiten]

Einzelnachweise[Bearbeiten]

<references />

Abgerufen von „https://wiki.kertz.ch/index.php?title=Leaflet&oldid=3803523“