SlideShare uma empresa Scribd logo
1 de 17
Baixar para ler offline
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.yahoo.com
um nur einige Große zu nennen…
Karten im Web - wie funktioniert das?
•freie Libraries für Maps
!
!
!
!
!
• Alternativen
www.openlayers.org www.modestmaps.comwww.polymaps.org
www.leafletjs.com
Karten im Web - wie funktioniert das?
Karten im Web - wie funktioniert das?
•Tiles / Base Layer
!
•Overlays
•Vektoren
•Raster
!
•GUI Elemente/ Controls
•Zoom
•Layer Umschalter
•Legenden
!
Karten im Web - wie funktioniert das?
•Anbieter von Map Tiles
•Google
•Mapbox
•Mapquest
•Bing
•OpenStreetmap mit diversen Subprojekten
•stamen.com
•….
!
!
Karten im Web - wie funktioniert das?
Wie speichert man Geodaten?
!
•Latitude / Longitude
•WKT
•KML
•GeoJSON (Github Beispiel)
!
!
!
Leaflet
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
!
!
!
Leaflet
Warum Leaflet?
!
•freie Alternative zu GoogleMaps / deren API
•Nutzung von alternativen Tiles möglich
•aktive Community (zahlreiche Plugins)
!
!
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/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
!
Steffen Rühlmann
www.undpaul.de
steffen@undpaul.de
@_steffenr
Demo / Fragen

Mais conteúdo relacionado

Destaque

Google Glass. zwischen Technikliebe und Angst um den Datentschutz
Google Glass. zwischen Technikliebe und Angst um den DatentschutzGoogle Glass. zwischen Technikliebe und Angst um den Datentschutz
Google Glass. zwischen Technikliebe und Angst um den DatentschutzChristine Fassnacht
 
Joomla certification programm 2014 Joomladay Köln
Joomla certification programm 2014 Joomladay KölnJoomla certification programm 2014 Joomladay Köln
Joomla certification programm 2014 Joomladay Kölnasysta
 
El monje que vendió su ferrari 2
El monje que vendió su ferrari 2El monje que vendió su ferrari 2
El monje que vendió su ferrari 2Viann14
 
Handbuch Inventarverwaltung TSInventar
Handbuch Inventarverwaltung TSInventarHandbuch Inventarverwaltung TSInventar
Handbuch Inventarverwaltung TSInventarThomas Schoessow
 
La Tierra en el Universo
La Tierra en el UniversoLa Tierra en el Universo
La Tierra en el UniversoÀngels Rotger
 
REUNIÓN PADRES PRINCIPIO DE CURSO 2015-2016
REUNIÓN PADRES  PRINCIPIO DE CURSO 2015-2016REUNIÓN PADRES  PRINCIPIO DE CURSO 2015-2016
REUNIÓN PADRES PRINCIPIO DE CURSO 2015-2016Myriam Díaz Morales
 
Jugendsportcamps Frühling-Sommer-Herbst 2013
Jugendsportcamps Frühling-Sommer-Herbst 2013Jugendsportcamps Frühling-Sommer-Herbst 2013
Jugendsportcamps Frühling-Sommer-Herbst 2013Sportamt Thurgau
 
Dioses griegos y romanos. Gloria Tejedor
Dioses griegos y romanos. Gloria TejedorDioses griegos y romanos. Gloria Tejedor
Dioses griegos y romanos. Gloria TejedorÀngels Rotger
 

Destaque (20)

Google Glass. zwischen Technikliebe und Angst um den Datentschutz
Google Glass. zwischen Technikliebe und Angst um den DatentschutzGoogle Glass. zwischen Technikliebe und Angst um den Datentschutz
Google Glass. zwischen Technikliebe und Angst um den Datentschutz
 
Buerger parlament-1
Buerger parlament-1Buerger parlament-1
Buerger parlament-1
 
San frscisco de sale
San frscisco de saleSan frscisco de sale
San frscisco de sale
 
Roma
RomaRoma
Roma
 
Erwachsenensport 2011
Erwachsenensport 2011Erwachsenensport 2011
Erwachsenensport 2011
 
Joomla certification programm 2014 Joomladay Köln
Joomla certification programm 2014 Joomladay KölnJoomla certification programm 2014 Joomladay Köln
Joomla certification programm 2014 Joomladay Köln
 
El monje que vendió su ferrari 2
El monje que vendió su ferrari 2El monje que vendió su ferrari 2
El monje que vendió su ferrari 2
 
Ejemplosde webquest
Ejemplosde webquestEjemplosde webquest
Ejemplosde webquest
 
Handbuch Inventarverwaltung TSInventar
Handbuch Inventarverwaltung TSInventarHandbuch Inventarverwaltung TSInventar
Handbuch Inventarverwaltung TSInventar
 
La Tierra en el Universo
La Tierra en el UniversoLa Tierra en el Universo
La Tierra en el Universo
 
El Islam
El IslamEl Islam
El Islam
 
REUNIÓN PADRES PRINCIPIO DE CURSO 2015-2016
REUNIÓN PADRES  PRINCIPIO DE CURSO 2015-2016REUNIÓN PADRES  PRINCIPIO DE CURSO 2015-2016
REUNIÓN PADRES PRINCIPIO DE CURSO 2015-2016
 
Sportamt-Poscht Juni 2012
Sportamt-Poscht Juni 2012Sportamt-Poscht Juni 2012
Sportamt-Poscht Juni 2012
 
Jugendsportcamps Frühling-Sommer-Herbst 2013
Jugendsportcamps Frühling-Sommer-Herbst 2013Jugendsportcamps Frühling-Sommer-Herbst 2013
Jugendsportcamps Frühling-Sommer-Herbst 2013
 
Dioses griegos y romanos. Gloria Tejedor
Dioses griegos y romanos. Gloria TejedorDioses griegos y romanos. Gloria Tejedor
Dioses griegos y romanos. Gloria Tejedor
 
España medieval 2013
España medieval 2013España medieval 2013
España medieval 2013
 
Sportamt-Poscht Juni 2011
Sportamt-Poscht Juni 2011Sportamt-Poscht Juni 2011
Sportamt-Poscht Juni 2011
 
Reunión de principio comrpimido
Reunión de principio comrpimidoReunión de principio comrpimido
Reunión de principio comrpimido
 
Luciano
LucianoLuciano
Luciano
 
Religión azteca
Religión azteca Religión azteca
Religión azteca
 

Semelhante a Leaflet geodaten

Paducation_Lehrerfortbildung _ Struktur und Modul 1 von 4
Paducation_Lehrerfortbildung  _ Struktur und Modul 1 von 4Paducation_Lehrerfortbildung  _ Struktur und Modul 1 von 4
Paducation_Lehrerfortbildung _ Struktur und Modul 1 von 4Ingo15
 
Drupal - Webmontag Bremen, 01.07.2013
Drupal - Webmontag Bremen, 01.07.2013Drupal - Webmontag Bremen, 01.07.2013
Drupal - Webmontag Bremen, 01.07.2013Steffen Rühlmann
 
Web2 am Beispiel Google Mail, Text und Web Toolkit
Web2 am Beispiel Google Mail, Text und Web ToolkitWeb2 am Beispiel Google Mail, Text und Web Toolkit
Web2 am Beispiel Google Mail, Text und Web ToolkitGFU Cyrus AG
 
Was ist eigentlich SharePoint
Was ist eigentlich SharePointWas ist eigentlich SharePoint
Was ist eigentlich SharePointMax Nowack
 
There and back again - Responsive Webdesign mit WordPress
There and back again - Responsive Webdesign mit WordPress There and back again - Responsive Webdesign mit WordPress
There and back again - Responsive Webdesign mit WordPress Michael Oeser
 
Studiosdigital wieninternational.at
Studiosdigital wieninternational.atStudiosdigital wieninternational.at
Studiosdigital wieninternational.atStudiosDigital GmbH
 
Share conf13 mg-ad-1
Share conf13 mg-ad-1Share conf13 mg-ad-1
Share conf13 mg-ad-1Michael Greth
 
Paradiesisch - OpenNTF
Paradiesisch - OpenNTFParadiesisch - OpenNTF
Paradiesisch - OpenNTFOliver Busse
 
Die Internationale Suchmaschinenoptimierung
Die Internationale SuchmaschinenoptimierungDie Internationale Suchmaschinenoptimierung
Die Internationale Suchmaschinenoptimierungavenit AG
 
Web Workers - Das Arbeitstier Browser
Web Workers - Das Arbeitstier BrowserWeb Workers - Das Arbeitstier Browser
Web Workers - Das Arbeitstier BrowserSebastian Bauer
 
Workshop von gestern für morgen lernen bernsen
Workshop von gestern für morgen lernen bernsenWorkshop von gestern für morgen lernen bernsen
Workshop von gestern für morgen lernen bernsenDaniel Bernsen
 
Marble Virtual Globe 1.4 Factsheet (German)
Marble Virtual Globe 1.4 Factsheet (German)Marble Virtual Globe 1.4 Factsheet (German)
Marble Virtual Globe 1.4 Factsheet (German)Marble Virtual Globe
 

Semelhante a Leaflet geodaten (12)

Paducation_Lehrerfortbildung _ Struktur und Modul 1 von 4
Paducation_Lehrerfortbildung  _ Struktur und Modul 1 von 4Paducation_Lehrerfortbildung  _ Struktur und Modul 1 von 4
Paducation_Lehrerfortbildung _ Struktur und Modul 1 von 4
 
Drupal - Webmontag Bremen, 01.07.2013
Drupal - Webmontag Bremen, 01.07.2013Drupal - Webmontag Bremen, 01.07.2013
Drupal - Webmontag Bremen, 01.07.2013
 
Web2 am Beispiel Google Mail, Text und Web Toolkit
Web2 am Beispiel Google Mail, Text und Web ToolkitWeb2 am Beispiel Google Mail, Text und Web Toolkit
Web2 am Beispiel Google Mail, Text und Web Toolkit
 
Was ist eigentlich SharePoint
Was ist eigentlich SharePointWas ist eigentlich SharePoint
Was ist eigentlich SharePoint
 
There and back again - Responsive Webdesign mit WordPress
There and back again - Responsive Webdesign mit WordPress There and back again - Responsive Webdesign mit WordPress
There and back again - Responsive Webdesign mit WordPress
 
Studiosdigital wieninternational.at
Studiosdigital wieninternational.atStudiosdigital wieninternational.at
Studiosdigital wieninternational.at
 
Share conf13 mg-ad-1
Share conf13 mg-ad-1Share conf13 mg-ad-1
Share conf13 mg-ad-1
 
Paradiesisch - OpenNTF
Paradiesisch - OpenNTFParadiesisch - OpenNTF
Paradiesisch - OpenNTF
 
Die Internationale Suchmaschinenoptimierung
Die Internationale SuchmaschinenoptimierungDie Internationale Suchmaschinenoptimierung
Die Internationale Suchmaschinenoptimierung
 
Web Workers - Das Arbeitstier Browser
Web Workers - Das Arbeitstier BrowserWeb Workers - Das Arbeitstier Browser
Web Workers - Das Arbeitstier Browser
 
Workshop von gestern für morgen lernen bernsen
Workshop von gestern für morgen lernen bernsenWorkshop von gestern für morgen lernen bernsen
Workshop von gestern für morgen lernen bernsen
 
Marble Virtual Globe 1.4 Factsheet (German)
Marble Virtual Globe 1.4 Factsheet (German)Marble Virtual Globe 1.4 Factsheet (German)
Marble Virtual Globe 1.4 Factsheet (German)
 

Leaflet geodaten

  • 1. Drupalcamp Frankfurt, 13.04.2014 Leaflet - Geodaten in Drupal visualisieren
  • 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. Da gibt es doch dieses Google Maps
  • 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. Karten im Web - wie funktioniert das? •freie Libraries für Maps ! ! ! ! ! • Alternativen www.openlayers.org www.modestmaps.comwww.polymaps.org www.leafletjs.com
  • 7. Karten im Web - wie funktioniert das?
  • 8. Karten im Web - wie funktioniert das? •Tiles / Base Layer ! •Overlays •Vektoren •Raster ! •GUI Elemente/ Controls •Zoom •Layer Umschalter •Legenden !
  • 9. Karten im Web - wie funktioniert das? •Anbieter von Map Tiles •Google •Mapbox •Mapquest •Bing •OpenStreetmap mit diversen Subprojekten •stamen.com •…. ! !
  • 10. Karten im Web - wie funktioniert das? Wie speichert man Geodaten? ! •Latitude / Longitude •WKT •KML •GeoJSON (Github Beispiel) ! ! !
  • 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. Leaflet Warum Leaflet? ! •freie Alternative zu GoogleMaps / deren API •Nutzung von alternativen Tiles möglich •aktive Community (zahlreiche Plugins) ! !
  • 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 !