Drupalcamp Frankfurt, 13.04.2014
Leaflet - Geodaten in Drupal
visualisieren
Steffen Rühlmann
SteffenR
Agenda
Warum Leaflet?
Leaflet und Drupal
Demo - Step-by-Step zur eigenen Map
2
3
4
Karten im Web - wie funktioniert das?1
Da gibt es doch dieses Google Maps
Karten im Web - wie funktioniert das?
•kommerzielle Libraries für Maps
mapquest.com
bing.com/maps
maps.google.com
maps.yah...
Karten im Web - wie funktioniert das?
•freie Libraries für Maps
!
!
!
!
!
• Alternativen
www.openlayers.org www.modestmaps...
Karten im Web - wie funktioniert das?
Karten im Web - wie funktioniert das?
•Tiles / Base Layer
!
•Overlays
•Vektoren
•Raster
!
•GUI Elemente/ Controls
•Zoom
•L...
Karten im Web - wie funktioniert das?
•Anbieter von Map Tiles
•Google
•Mapbox
•Mapquest
•Bing
•OpenStreetmap mit diversen ...
Karten im Web - wie funktioniert das?
Wie speichert man Geodaten?
!
•Latitude / Longitude
•WKT
•KML
•GeoJSON (Github Beisp...
Leaflet
Leaflet
Was ist Leaflet überhaupt?
!
•schlanke JS Library zur Darstellung von Karten und Geo-
Daten
•mobile-friendly
•HTML5...
Leaflet
Warum Leaflet?
!
•freie Alternative zu GoogleMaps / deren API
•Nutzung von alternativen Tiles möglich
•aktive Commu...
Leaflet und Drupal
Leaflet und Drupal
Leaflet und Drupal
Leaflet und Drupal
Wie geht das in Drupal?
!
•Speichern der Geodaten in Entity
•geofield http://www.drupal.org/project/geof...
Steffen Rühlmann
www.undpaul.de
steffen@undpaul.de
@_steffenr
Demo / Fragen
Nächste SlideShare
Wird geladen in …5
×

Leaflet geodaten

538 Aufrufe

Veröffentlicht am

0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
538
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
3
Aktionen
Geteilt
0
Downloads
8
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Leaflet geodaten

  1. 1. Drupalcamp Frankfurt, 13.04.2014 Leaflet - Geodaten in Drupal visualisieren
  2. 2. Steffen Rühlmann SteffenR
  3. 3. Agenda Warum Leaflet? Leaflet und Drupal Demo - Step-by-Step zur eigenen Map 2 3 4 Karten im Web - wie funktioniert das?1
  4. 4. Da gibt es doch dieses Google Maps
  5. 5. Karten im Web - wie funktioniert das? •kommerzielle Libraries für Maps mapquest.com bing.com/maps maps.google.com maps.yahoo.com um nur einige Große zu nennen…
  6. 6. Karten im Web - wie funktioniert das? •freie Libraries für Maps ! ! ! ! ! • Alternativen www.openlayers.org www.modestmaps.comwww.polymaps.org www.leafletjs.com
  7. 7. Karten im Web - wie funktioniert das?
  8. 8. Karten im Web - wie funktioniert das? •Tiles / Base Layer ! •Overlays •Vektoren •Raster ! •GUI Elemente/ Controls •Zoom •Layer Umschalter •Legenden !
  9. 9. Karten im Web - wie funktioniert das? •Anbieter von Map Tiles •Google •Mapbox •Mapquest •Bing •OpenStreetmap mit diversen Subprojekten •stamen.com •…. ! !
  10. 10. Karten im Web - wie funktioniert das? Wie speichert man Geodaten? ! •Latitude / Longitude •WKT •KML •GeoJSON (Github Beispiel) ! ! !
  11. 11. Leaflet
  12. 12. Leaflet Was ist Leaflet überhaupt? ! •schlanke JS Library zur Darstellung von Karten und Geo- Daten •mobile-friendly •HTML5/ CSS3 •API auf http://leafletjs.com/reference.html •entwickelt von cloudmade.com ! ! !
  13. 13. Leaflet Warum Leaflet? ! •freie Alternative zu GoogleMaps / deren API •Nutzung von alternativen Tiles möglich •aktive Community (zahlreiche Plugins) ! !
  14. 14. Leaflet und Drupal Leaflet und Drupal
  15. 15. Leaflet und Drupal
  16. 16. Leaflet und Drupal Wie geht das in Drupal? ! •Speichern der Geodaten in Entity •geofield http://www.drupal.org/project/geofield •Darstellung der Daten auf Map •leaflet/ leaflet_more_maps http://www.drupal.org/project/leaflet •gmap/ openlayers/ staticmap/ offline maps •Datenerfassung (Adressen) •addressfield http://www.drupal.org/project/addressfield •location http://www.drupal.org/project/location •GeoCoding •geocoder http://www.drupal.org/project/geocoder !
  17. 17. Steffen Rühlmann www.undpaul.de steffen@undpaul.de @_steffenr Demo / Fragen

×