PHPUG - Geo Maps für papaya CMS
Upcoming SlideShare
Loading in...5
×
 

PHPUG - Geo Maps für papaya CMS

on

  • 2,691 views

PHPUG - Geo Maps für papaya CMS - 05.06.2009 ...

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

Statistics

Views

Total Views
2,691
Views on SlideShare
2,658
Embed Views
33

Actions

Likes
0
Downloads
0
Comments
0

4 Embeds 33

http://idxsolutions.de 24
https://idxsolutions.de 7
http://www.slideshare.net 1
http://idx.shrt.ws 1

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

PHPUG - Geo Maps für papaya CMS PHPUG - Geo Maps für papaya CMS Presentation Transcript

  • 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 5. Quellen und Links 05.06.09 Geo Maps - Martin Kelm 2
  • 1. Google & Yahoo Maps 05.06.09 Geo Maps - Martin Kelm 3
  • 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
  • 1.1.1. Google Maps Karte 05.06.09 Geo Maps - Martin Kelm 5
  • 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
  • 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
  • 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
  • 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
  • 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
  • 2. Weitere Schnittstellen Open Layers 05.06.09 Geo Maps - Martin Kelm 11
  • 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
  • 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
  • 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.GeoRSS('georss.xml'); map.addLayer(newl); 05.06.09 Geo Maps - Martin Kelm 15
  • 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 mit Bearbeitungsfunktionen Creative Commons Share-Alike 2.0 05.06.09 Geo Maps - Martin Kelm 17
  • 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
  • 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
  • 3.1.1. Weitere Beispiele Kartenkoordinaten auslesen und in Formular übertragen. Polygon-Linien setzen 05.06.09 Geo Maps - Martin Kelm 20
  • 4. Geo Maps Module Geo Maps Modulübersicht im papaya CMS Backend 05.06.09 Geo Maps - Martin Kelm 21
  • 4.1. Administration Verwaltung von Markierungen Verwaltung von Schlüsseln / Application IDs 05.06.09 Geo Maps - Martin Kelm 22
  • 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.06.09 Geo Maps - Martin Kelm 24
  • 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
  • 4.2.1. - Kartenboxen konfigurieren Einstellungen / Optionen zur Kartendarstellung 05.06.09 Geo Maps - Martin Kelm 26
  • 4.2.2. - Kartenboxen konfigurieren Markierungsdaten / Markierungseinstellungen 05.06.09 Geo Maps - Martin Kelm 27
  • 4.2.3. - Kartenboxen konfigurieren Weitere Konfigurationsmöglichkeiten 05.06.09 Geo Maps - Martin Kelm 28
  • 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
  • 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
  • 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
  • 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
  • 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
  • 4.4. Geo Maps Datenbanktabellen 05.06.09 Geo Maps - Martin Kelm 34
  • 4.4.1. Ausgabe von Markierungsdaten KML Beschreibung in HTML XMLHttpRequest Styles für Google Earth 05.06.09 Geo Maps - Martin Kelm 35
  • 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
  • 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
  • 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
  • 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
  • 4.5.3. SE Datentabellen Erweiterungstabellen für MySQL Spatial Extensions bzw. Polygon- und Punktdaten 05.06.09 Geo Maps - Martin Kelm 40
  • 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