Leaflet Code-Beispiele 2016

Docs

Beispiel Inhalt
First map erste Leaflet Karte mit OpenStreetMap WMTS-Hintergrundlayer positioniert auf die Universität Innsbruck
First map / Scalebar einfacher grafischer Maßstab
First map / Marker einfacher Marker mit Position Institut für Geographie
First map / Pop-up Marker mit Pop-up der das aktuelle Webcam Bild mit Blick auf Innsbruck vom Patscherkofel aus zeigt
First map / Marker / Polyline sechs Marker mit Pop-up Fenstern verbunden durch eine Linie von Innsbruck zum Meißner Haus
Grundkarte basemap.at Standard WMTS-Layer von basemap.at
Grundkarte basemap.at / Layers Alle WMTS-Layer Varianten von basemap.at als Layer control im rechten oberen Karteneck mit Marker und Pop-up der Webcam Patscherkofel
Grundkarte basemap.at / Hash Koordinaten und Zoom-Level in der URL anzeigen über das Leaflet-hash Plugin
Adlwerweg Etappen Visualisierung Visualisierung von drei Etappen des Adlwerwegs über GeoJSON mit Panoramio Bildern, Wikipedia Artikeln und einem interaktiven Höhenprofil der erste Etappe. Datengrundlage ist ein Opendata Datensatz des Landes Tirol im .gpx Format.
Routing einfaches Routing Beispiel von Innsbruck nach Matrei in Osttirol mit der Leaflet Routing Machine
Routing interaktiv interaktives Routing Beispiel mit Berechnung und Zeichnen der Route nach Klicken des Start- und Endpunktes in der Karte
Routing interaktiv mit Tipp interaktives Routing Beispiel mit Berechnung und Zeichnen der Route nach Klicken des Start- und Endpunktes in der Karte - Variante mit einem Tipp Marker
NPHTT / Marker Nationalpark Hohe Tauern "Points of interest" Beispiel mit Markern samt Pop-up aus GeoJSON-Daten
NPHTT / Marker Cluster Nationalpark Hohe Tauern "Points of interest" Beispiel mit geclusterten Markern über das Leaflet.markercluster Plugin
NPHTT / Circles Nationalpark Hohe Tauern "Points of interest" Beispiel mit thematischer Darstellung der POI-Typen als farbige Kreise samt Legende in der Karte (nicht im Kurs verwendetes Zusatzbeispiel)
NPHTT / Icons Nationalpark Hohe Tauern "Points of interest" Beispiel mit Icons nach POI-Typ. Icons sind Teil des frei verfügbaren Iconsets "Maki Icons | By Mapbox"
NPHTT / Legende Nationalpark Hohe Tauern "Points of interest" Beispiel mit zusätzlicher HTML-Legende der Icons in der Karte
NPHTT / Pulldown Nationalpark Hohe Tauern "Points of interest" Beispiel mit HTML-Auswahlmenü zum direkten Ansteuern von POIs in der Karte mit Zoom-To und Öffnen des Pop-ups.