Leaflet Maps | GeoMapping met Markers en URL-links

Leaflet is de toonaangevende open-source applicatie voor het maken van (mobiel) vriendelijke interactieve kaarten. Het wordt veel gebruikt voor webapps waarin je kaarten wilt weergeven met markers, pop-ups, lagen en andere geografische data. Met een omvang van slechts 42 KB aan JavaScript beschikt het over alle kaartfuncties die de meeste ontwikkelaars ooit nodig zullen hebben.

Voorbeeld Leaflet kaart i.c.m. met Open Street Maps. Zoomen en Pannen en extra informatievensters worden door Leaflet verwerkt.

Wat kun je precies met Leaflet maken?

Kaarten tonen (bijv. met OpenStreetMap)
Markers, cirkels en polygonen toevoegen
Pop-ups en tooltips tonen
GeoJSON-data visualiseren
Kaartlagen aan/uit zetten
In- en uitzoomen, pannen, events afhandelen

Waarom is Leaflet zo populair?

Klein en snel (lichtgewicht)
Eenvoudige API
Goed te combineren met frameworks (React, Vue, Angular)
Grote community en veel plugins

Wanneer gebruik je Leaflet?

Als je snel een interactieve kaart in een webapp wilt
Voor dashboards met geografische data
Voor projecten waar je controle wilt zonder zware afhankelijkheden

Zie alle mogelijkheden van LeafLet op: https://docs.maptiler.com/leaflet/examples/

Voorbeeld (basisgebruik)