Geodata in Drupal
Leaflet, Geocoding und mehr
Drupal Usergroup Hannover
09.04.2013
● Drupal - Developer bei
● HTML / CSS / JS seit 1999
● PHP seit 2002
● Drupal seit 2008 (Danke DUG-Hannover)
● 244597 auf drupal.org
SteffenR
Leaflet
Einbindung von OpenStreetmap Kartendaten
Leaflet
Overlays auf Karten einbinden
Leaflet
Overlays auf Karten einbinden (freie Wetterdaten
von openweathermap.org)
Leaflet
eigene Marker auf Karten darstellen
● schlanke Javascript Bibliothek zur Darstellung
von Karten und Geo-Daten (nur 28kb Code)
● HTML5/ CSS3 - aber auch abwärtskompatibel
● mobile-friendly
● gut dokumentierte API auf http://leafletjs.
com/reference.html
● Open-Source
● entwickelt von cloudmade.com
Was ist Leaflet?
● freie Alternative zu GoogleMaps
● Einbindung diverser Kartendaten (Tiles) möglich
(OpenStreetMap, ESRI, MapBox, Thunderforest,
MapQuest, Yandax, Stamen Maps, Google)
● Einbindung von Overlays aus externen Quellen
möglich (WMS, GeoJSON u.v.m.)
● genutzt von flickr, foursquare, WallStreetJournal,
cartodb, geocaching.com, gpsies.com
Warum gerade Leaflet?
● Speicherung von Geodaten in Entity
○ geofield - http://www.drupal.org/project/geofield (speichert Latitude/ Longitude)
● Darstellung der Geodaten auf Maps
○ gmap - http://www.drupal.org/project/gmap
○ leaflet - http://www.drupal.org/project/leaflet
○ openlayers - http://www.drupal.org/project/openlayers
○ staticmap - http://www.drupal.org/project/staticmap
● Erfassen von Adressdaten
○ addressfield - http://www.drupal.org/project/addressfield (xNAL Standard)
○ location - http://www.drupal.org/project/location
● Geocoding von Adressdaten
○ geocoder - http://www.drupal.org/project/geocoder
Wie geht das in Drupal?
Demo
Danke für die Aufmerksamkeit
Steffen Rühlmann
www.undpaul.de
@_steffenr
steffen@undpaul.de

Geodaten in Drupal

  • 1.
    Geodata in Drupal Leaflet,Geocoding und mehr Drupal Usergroup Hannover 09.04.2013
  • 2.
    ● Drupal -Developer bei ● HTML / CSS / JS seit 1999 ● PHP seit 2002 ● Drupal seit 2008 (Danke DUG-Hannover) ● 244597 auf drupal.org SteffenR
  • 3.
  • 4.
  • 5.
    Leaflet Overlays auf Karteneinbinden (freie Wetterdaten von openweathermap.org)
  • 6.
    Leaflet eigene Marker aufKarten darstellen
  • 7.
    ● schlanke JavascriptBibliothek zur Darstellung von Karten und Geo-Daten (nur 28kb Code) ● HTML5/ CSS3 - aber auch abwärtskompatibel ● mobile-friendly ● gut dokumentierte API auf http://leafletjs. com/reference.html ● Open-Source ● entwickelt von cloudmade.com Was ist Leaflet?
  • 8.
    ● freie Alternativezu GoogleMaps ● Einbindung diverser Kartendaten (Tiles) möglich (OpenStreetMap, ESRI, MapBox, Thunderforest, MapQuest, Yandax, Stamen Maps, Google) ● Einbindung von Overlays aus externen Quellen möglich (WMS, GeoJSON u.v.m.) ● genutzt von flickr, foursquare, WallStreetJournal, cartodb, geocaching.com, gpsies.com Warum gerade Leaflet?
  • 9.
    ● Speicherung vonGeodaten in Entity ○ geofield - http://www.drupal.org/project/geofield (speichert Latitude/ Longitude) ● Darstellung der Geodaten auf Maps ○ gmap - http://www.drupal.org/project/gmap ○ leaflet - http://www.drupal.org/project/leaflet ○ openlayers - http://www.drupal.org/project/openlayers ○ staticmap - http://www.drupal.org/project/staticmap ● Erfassen von Adressdaten ○ addressfield - http://www.drupal.org/project/addressfield (xNAL Standard) ○ location - http://www.drupal.org/project/location ● Geocoding von Adressdaten ○ geocoder - http://www.drupal.org/project/geocoder Wie geht das in Drupal?
  • 10.
  • 11.
    Danke für dieAufmerksamkeit Steffen Rühlmann www.undpaul.de @_steffenr steffen@undpaul.de