Geo Maps für papaya CMS




05.06.09         Geo Maps - Martin Kelm   1
Agenda

      1. Google & Yahoo Maps

      2. Weitere Schnittstellen

      3. Geo Maps

      4. Geo Maps Module

      ...
1. Google & Yahoo Maps




05.06.09         Geo Maps - Martin Kelm   3
1.1. Google Maps

           8. Februar 2005
           Standardansicht

            April 2005
           Satellitenkarte...
1.1.1. Google Maps Karte




05.06.09         Geo Maps - Martin Kelm   5
1.1.2. Weitere Google Maps Kartentypen



              Satellit        Hybrid                Physikalisch




           ...
1.1.3. Google Maps API

                                             Freier Dienst mit Schlüssel
            Juni 2005:   ...
1.1.4. Google Geocoder

                                         HTTP / JavaScript
   Adresseingabe                       ...
1.2. Yahoo Maps




                 Freier Dienst mit Application ID
           seit 03.11.2005 (Datum der Beta Version)
...
1.2.1. Yahoo Maps API



Erste Version Sommer 2005
   (zeitgleich zu Google)

           Nur für die USA
             (anf...
2. Weitere Schnittstellen




                                          Open Layers




05.06.09         Geo Maps - Martin...
2.1. Google Earth


           Virtueller 3D Globus

  Verschiedene Kartenschichten

           Austauschformat KML




  ...
2.2. Open Layers


                     Open Layers

           Open Geospatial Consortium (2008)

      offene Layer (übe...
2.2.1. Open Layers Beispiel 1




                 Zeichenfunktionen

05.06.09            Geo Maps - Martin Kelm   14
2.2.2. Open Layers Beispiel 2




                 GeoRSS mit Flickr Bildern
           var newl = new OpenLayers.Layer.Ge...
2.2.2.1. GeoRSS Beispiel




           GeoRSS nach W3C Standard

05.06.09          Geo Maps - Martin Kelm   16
2.2.3. Open Street Map

                     Sammlung von frei nutzbaren Geodaten
               Wiki-ähnliche Datenbank m...
3. Geo Maps



            papaya CMS (RC1 und Nightly)

              Entwicklung seit Mai 2007

       Einbindung von Go...
3.1. API Funktionen in Geo Maps

   - Bedienelemente (de-)aktivieren / konfigurieren

   - Kartentyp, -größe und Zoomstufe...
3.1.1. Weitere Beispiele




 Kartenkoordinaten auslesen und in
 Formular übertragen.                          Polygon-Lin...
4. Geo Maps Module




           Geo Maps Modulübersicht im papaya CMS Backend




05.06.09                Geo Maps - Mar...
4.1. Administration




                   Verwaltung von Markierungen




           Verwaltung von Schlüsseln / Applicat...
4.1.1. Markierungen verwalten




05.06.09            Geo Maps - Martin Kelm   23
4.1.2. Schlüssel / Application IDs verwalten




       Google API Keys und / oder Yahoo Application IDs verwalten.




05...
4.2. Kartenboxen


             Google Maps Box                              Yahoo Maps Box

                             ...
4.2.1. - Kartenboxen konfigurieren




            Einstellungen / Optionen zur Kartendarstellung




05.06.09            ...
4.2.2. - Kartenboxen konfigurieren




            Markierungsdaten / Markierungseinstellungen




05.06.09               ...
4.2.3. - Kartenboxen konfigurieren




               Weitere Konfigurationsmöglichkeiten




05.06.09                Geo ...
4.2.4. Dynamische und statische Variante


                             Statischer Kartenaufruf ->

                      ...
4.2.4.1. Dynamischer Kartenaufruf (1)

           API JavaScript mit API-Key laden

        1. Browserkompatibilität prüfe...
4.2.4.1. Dynamischer Kartenaufruf (2)

          5. Kontrollelemente setzen:
googleMap.addControl(new GLargeMapControl());...
4.3. - Konnektor


           Basisklasse          Konnektorklasse        Klasse eines
                                   ...
4.3.1. - Beispiel zum Konnektor
      Karten- und spezielle Formularbox

                                                 ...
4.4. Geo Maps Datenbanktabellen




05.06.09             Geo Maps - Martin Kelm   34
4.4.1. Ausgabe von Markierungsdaten


              KML

       Beschreibung
         in HTML

    XMLHttpRequest

       ...
4.4.1.1. Markierungsdaten exportieren




Exportfunktion
im Backend

Oder als
Download im KML
Ausgabemodus
(Markierungsdat...
4.5. MySQL Spatial Extensions


                        Funktionen:
           Erzeugung, Speicherung und Analyse von
    ...
4.5.1. SE Klassenhierarchie


                               Point: 0-dimensional
                               Curve: 1-...
4.5.2. Geo Maps Funktionen für SE

           Basisklasse für Spatial Extensions



             - Datenbanktabellen anlen...
4.5.3. SE Datentabellen




   Erweiterungstabellen für MySQL Spatial Extensions bzw. Polygon- und Punktdaten



05.06.09 ...
5. Quellen und weiterführende Links

martinkelm.de
en.wikipedia.org/wiki/Google_Maps
en.wikipedia.org/wiki/Google_Earth
en...
Nächste SlideShare
Wird geladen in …5
×

PHPUG - Geo Maps für papaya CMS

1.757 Aufrufe

Veröffentlicht am

PHPUG - Geo Maps für papaya CMS - 05.06.2009
>>> Downloads:
- papaya CMS mit Patches http://goo.gl/NYtrH
- Geo Maps http://goo.gl/JOFge
- papaya CMS Handbuch http://goo.gl/yyaSX

Veröffentlicht in: Technologie, News & Politik
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
1.757
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
36
Aktionen
Geteilt
0
Downloads
1
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

PHPUG - Geo Maps für papaya CMS

  1. 1. Geo Maps für papaya CMS 05.06.09 Geo Maps - Martin Kelm 1
  2. 2. Agenda 1. Google & Yahoo Maps 2. Weitere Schnittstellen 3. Geo Maps 4. Geo Maps Module 5. Quellen und Links 05.06.09 Geo Maps - Martin Kelm 2
  3. 3. 1. Google & Yahoo Maps 05.06.09 Geo Maps - Martin Kelm 3
  4. 4. 1.1. Google Maps 8. Februar 2005 Standardansicht April 2005 Satellitenkarte 22. Juli 2005 Hybridview 2. Januar 2006 Straßenkarten 05.06.09 Geo Maps - Martin Kelm 4
  5. 5. 1.1.1. Google Maps Karte 05.06.09 Geo Maps - Martin Kelm 5
  6. 6. 1.1.2. Weitere Google Maps Kartentypen Satellit Hybrid Physikalisch Mars Mars (Höhenfarben) Mars (Infrarot) Mond Mond (Höhenfarben) Sternenhimmel 05.06.09 Geo Maps - Martin Kelm 6
  7. 7. 1.1.3. Google Maps API Freier Dienst mit Schlüssel Juni 2005: Javascript / XML Version 1 Eigene Daten / Punkte ohne Werbung (bisher)* Neue Features u.a. 3. April 2006: Schnellerer Download Version 2 Eigene Karten-Overlays Speicheroptimierungen 11. Juni 2006: Parser für Adressangaben Geocoder und Koordinatenermittlung * Alternative: Google Maps API Premier (Werbung kontrollierbar) 05.06.09 Geo Maps - Martin Kelm 7
  8. 8. 1.1.4. Google Geocoder HTTP / JavaScript Adresseingabe Anfrage Adressausgabe Einzelner String Adresse unterteilt in Komponenten Keine Formatierungsvorgaben eXtensible Address Language unterstützt Abkürzungen unterstützt 200+ Länder Client-seitiger Cache Weniger Geocoder-Anfragen Mehr Performance Einfacher Geocoder Koordinaten Bis zu 50.000 Anfragen pro API Key / Tag (Breitengrad / Längengrad) JavaScript Aufruf: GclientGeocoder() 05.06.09 Geo Maps - Martin Kelm 8
  9. 9. 1.2. Yahoo Maps Freier Dienst mit Application ID seit 03.11.2005 (Datum der Beta Version) 05.06.09 Geo Maps - Martin Kelm 9
  10. 10. 1.2.1. Yahoo Maps API Erste Version Sommer 2005 (zeitgleich zu Google) Nur für die USA (anfangs) Mit Geocoder Flash / Ajax 05.06.09 Geo Maps - Martin Kelm 10
  11. 11. 2. Weitere Schnittstellen Open Layers 05.06.09 Geo Maps - Martin Kelm 11
  12. 12. 2.1. Google Earth Virtueller 3D Globus Verschiedene Kartenschichten Austauschformat KML Kostenlose Basisversion Windows, Mac OS X, Linux, SymbianOS, iPhone OS 05.06.09 Geo Maps - Martin Kelm 12
  13. 13. 2.2. Open Layers Open Layers Open Geospatial Consortium (2008) offene Layer (über standardisierte Formate) Geschlossene Formate (Microsoft, Google, Yahoo) 05.06.09 Geo Maps - Martin Kelm 13
  14. 14. 2.2.1. Open Layers Beispiel 1 Zeichenfunktionen 05.06.09 Geo Maps - Martin Kelm 14
  15. 15. 2.2.2. Open Layers Beispiel 2 GeoRSS mit Flickr Bildern var newl = new OpenLayers.Layer.GeoRSS('georss.xml'); map.addLayer(newl); 05.06.09 Geo Maps - Martin Kelm 15
  16. 16. 2.2.2.1. GeoRSS Beispiel GeoRSS nach W3C Standard 05.06.09 Geo Maps - Martin Kelm 16
  17. 17. 2.2.3. Open Street Map Sammlung von frei nutzbaren Geodaten Wiki-ähnliche Datenbank mit Bearbeitungsfunktionen Creative Commons Share-Alike 2.0 05.06.09 Geo Maps - Martin Kelm 17
  18. 18. 3. Geo Maps papaya CMS (RC1 und Nightly) Entwicklung seit Mai 2007 Einbindung von Google Maps / Yahoo Maps Verwaltung von Markierungen und Schlüsseln 05.06.09 Geo Maps - Martin Kelm 18
  19. 19. 3.1. API Funktionen in Geo Maps - Bedienelemente (de-)aktivieren / konfigurieren - Kartentyp, -größe und Zoomstufe festlegen - Karte ausrichten / zentrieren - Beschreibungen über Mouse-Events - Linien (Polyline) - Statische Karten - Kartenkoordinaten auslesen OnClick-Event / Beschreibung 05.06.09 Geo Maps - Martin Kelm 19
  20. 20. 3.1.1. Weitere Beispiele Kartenkoordinaten auslesen und in Formular übertragen. Polygon-Linien setzen 05.06.09 Geo Maps - Martin Kelm 20
  21. 21. 4. Geo Maps Module Geo Maps Modulübersicht im papaya CMS Backend 05.06.09 Geo Maps - Martin Kelm 21
  22. 22. 4.1. Administration Verwaltung von Markierungen Verwaltung von Schlüsseln / Application IDs 05.06.09 Geo Maps - Martin Kelm 22
  23. 23. 4.1.1. Markierungen verwalten 05.06.09 Geo Maps - Martin Kelm 23
  24. 24. 4.1.2. Schlüssel / Application IDs verwalten Google API Keys und / oder Yahoo Application IDs verwalten. 05.06.09 Geo Maps - Martin Kelm 24
  25. 25. 4.2. Kartenboxen Google Maps Box Yahoo Maps Box Konfiguration Daten aus Konfiguration Ausgabeklasse Link-URLs und annehmen (setter) XML-Ausgabe (getter) Basisklasse 05.06.09 Geo Maps - Martin Kelm 25
  26. 26. 4.2.1. - Kartenboxen konfigurieren Einstellungen / Optionen zur Kartendarstellung 05.06.09 Geo Maps - Martin Kelm 26
  27. 27. 4.2.2. - Kartenboxen konfigurieren Markierungsdaten / Markierungseinstellungen 05.06.09 Geo Maps - Martin Kelm 27
  28. 28. 4.2.3. - Kartenboxen konfigurieren Weitere Konfigurationsmöglichkeiten 05.06.09 Geo Maps - Martin Kelm 28
  29. 29. 4.2.4. Dynamische und statische Variante Statischer Kartenaufruf -> URL maps.google.com/staticmap Paramter - center = LAT,LNG - zoom = 15 - size = 212x212 - maptype = roadmap - markers = LAT,LNG,red - key = API-KEY Dynamisch mit Kontrollelementen Statisches Kartenbild 05.06.09 Geo Maps - Martin Kelm 29
  30. 30. 4.2.4.1. Dynamischer Kartenaufruf (1) API JavaScript mit API-Key laden 1. Browserkompatibilität prüfen: GBrowserIsCompatible() -> TRUE / FALSE 2. Div-Element im Dokument ermitteln: var mapElement = document.getElementById(quot;mapquot;); 3.Kartenobjekt mit bestimmter Größe erzeugen: var googleMap = new Gmap2( mapElement, {'size' : new GSize(width, height)} ); 4. Kartentyp definieren: googleMaps.setMapType(mapTypeConstant); 05.06.09 Geo Maps - Martin Kelm 30
  31. 31. 4.2.4.1. Dynamischer Kartenaufruf (2) 5. Kontrollelemente setzen: googleMap.addControl(new GLargeMapControl()); 6. Punktobjekt erzeugen: var point = new GLatLng( parseFloat(latitude), parseFloat(longitude)); 7. Kartezentrieren: googleMaps.setCenter(point); 8. Markierung setzen: var marker = new GMarker(point); (weitere Parameter für eigene Icon-Bilder möglich) googleMaps.addOverlay(marker); 05.06.09 Geo Maps - Martin Kelm 31
  32. 32. 4.3. - Konnektor Basisklasse Konnektorklasse Klasse eines Fremdmoduls Methoden: Liste von Ordnern als Auswahlbox Markierung hinzufügen Markierung löschen 05.06.09 Geo Maps - Martin Kelm 32
  33. 33. 4.3.1. - Beispiel zum Konnektor Karten- und spezielle Formularbox Geo Maps Ausgabeklasse M1 Geo Maps Basisklasse M2 Überladenes Klick-Ereignis function coorModeAction(x, y) { if (lastMarker != null) googleMaps.removeOverlay(lastMarker); lastMarker = setMarker(new GLatLng(y, x)); Geo Maps Konnektor locationInput.value = y+','+x; } 05.06.09 Geo Maps - Martin Kelm 33
  34. 34. 4.4. Geo Maps Datenbanktabellen 05.06.09 Geo Maps - Martin Kelm 34
  35. 35. 4.4.1. Ausgabe von Markierungsdaten KML Beschreibung in HTML XMLHttpRequest Styles für Google Earth 05.06.09 Geo Maps - Martin Kelm 35
  36. 36. 4.4.1.1. Markierungsdaten exportieren Exportfunktion im Backend Oder als Download im KML Ausgabemodus (Markierungsdaten) KML mit Styles für Markierungsicon 05.06.09 Geo Maps - Martin Kelm 36
  37. 37. 4.5. MySQL Spatial Extensions Funktionen: Erzeugung, Speicherung und Analyse von geographischen Kenndaten Seit MySQL 4.1 (für MyISAM) seit 5.0.16 auch InnoDB, NDB, BDB und ARCHIVE 05.06.09 Geo Maps - Martin Kelm 37
  38. 38. 4.5.1. SE Klassenhierarchie Point: 0-dimensional Curve: 1-dimensional Surface: 2-dimensional GeometryCollection: Zusammenstellungen verschiedener Geometrien 05.06.09 Geo Maps - Martin Kelm 38
  39. 39. 4.5.2. Geo Maps Funktionen für SE Basisklasse für Spatial Extensions - Datenbanktabellen anlengen Spaltentyp: polygon (für Punkte und Polygone) Index: SPATIAL KEY - Punkte hinzufügen / entfernen - Polygone hinzufügen / entfernen - nächst gelegenen Punkt ermitteln Spaltentyp: point Index: SPATIAL KEY - liegt Punkt A in Polygon X? 05.06.09 Geo Maps - Martin Kelm 39
  40. 40. 4.5.3. SE Datentabellen Erweiterungstabellen für MySQL Spatial Extensions bzw. Polygon- und Punktdaten 05.06.09 Geo Maps - Martin Kelm 40
  41. 41. 5. Quellen und weiterführende Links martinkelm.de en.wikipedia.org/wiki/Google_Maps en.wikipedia.org/wiki/Google_Earth en.wikipedia.org/wiki/Yahoo_Maps en.wikipedia.org/wiki/Open_Layers openlayers.org/dev/examples www.georss.org/Main_Page dev.mysql.com/doc/refman/5.0/en/spatial-extensions.html code.google.com/apis/maps/documentation/reference.html developer.yahoo.com/maps/ajax/V2/reference.html shrt.ws / weisse-liste.de ENDE 05.06.09 Geo Maps - Martin Kelm 41

×