Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Leaflet geodaten

609 Aufrufe

Veröffentlicht am

  • Als Erste(r) kommentieren

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

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

×