webmapping22s.github.io

Arbeitsbeispiele

Geodaten handling

• Shapefiles mit QGis in GeoJSON konvertieren: Viertelgrenzen in Oberösterreich

  Howto

• Konvertieren von CSV nach GeoJSON: Graz Bohrpunkte

  Howto

Bike Trail Tirol

• Web: https://webmapping22s.github.io/biketirol/index.html
• Repo: https://github.com/webmapping22s/biketirol
• Howtos:
  • Teil 1 - Visualisieren eines GPX-Tracks mit leaflet-gpx
  • Teil 2 - Höhenprofil aus dem GPX-Track mit leaflet-elevation erstellen

Wettervorhersagen

• Web: https://webmapping22s.github.io/forecast/index.html
• Repo: https://github.com/webmapping22s/forecast
• Howtos:
  • Teil 1 - ECMWF Windvorhersage mit Leaflet velocity
  • Teil 2 - Wettervorhersage MET Norway implementieren
  • ECMWF Windvorhersagedaten für Leaflet velocity aufbereiten

Wetterstationen Tirol

• Web: https://webmapping22s.github.io/aws-tirol/index.html
• Repo: https://github.com/webmapping22s/aws-tirol
• Howtos:
  • Teil 1 - Basiskarte mit Stationen und Popup
  • Teil 2 - Temperatur Layer mit L.divIcon() und COLORS Objekt
  • Teil 3 - Layer Schneehöhen, Relative Luftfeuchtigkeit & Windstärke
  • Teil 4 - Leaflet.Rainviewer

Wien

• Web: https://webmapping22s.github.io/wien/index.html
• Repo: https://github.com/webmapping22s/wien
• Howtos:
  • Teil 1 - Grundkarte
  • Teil 2 - GeoJSON asynchron laden und default Visualisierung
  • Teil 3 - Icons für Punktlayer verwenden
  • Teil 4 - Linien und Flächen verfeinern
  • Teil 5 - Leaflet Markercluster
  • Teil 6 - Hotelsuche mit HTML Formular und Autocomplete

Neuseelandreise

• Web: https://webmapping22s.github.io/nz/index.html
• Repo: https://github.com/webmapping22s/nz
• Howtos:
  • Teil 1 - HTML Grundgerüst
  • Teil 2 - CSS Layout, Font Awesome & Google Fonts
  • Teil 3 - Übersichtskarte mit Leaflet (Javascript Erstkontakt)
  • Teil 4 - Marker für Etappen & DOC Hütten in der Karte und Etappen-Navigation
• Datensatz Etappen:
  • LibreOffice: https://webmapping22s.github.io/nz/etappen.ods
  • Javascript: https://webmapping22s.github.io/nz/etappen.js
  • CSV2JSON HOWTO
• Datensatz Hütten:
  • Datenquelle: https://catalogue.data.govt.nz/dataset/doc-huts1
  • Javascript: https://webmapping22s.github.io/nz/huts.js
  • Python Skript zur Konvertierung