phpug - geo maps für papaya cms

05.06.09 Geo Maps - Martin Kelm 1

Geo Maps für papaya CMS


Agenda

1. Google & Yahoo Maps

2. Weitere Schnittstellen

3. Geo Maps

4. Geo Maps Module

5. Quellen und Links


1. Google & Yahoo Maps


1.1. Google Maps

8. Februar 2005Standardansicht

April 2005Satellitenkarte

22. Juli 2005Hybridview

2. Januar 2006Straßenkarten


1.1.1. Google Maps Karte


1.1.2. Weitere Google Maps Kartentypen

Satellit Hybrid Physikalisch

Mars Mars (Höhenfarben) Mars (Infrarot)

Mond Mond (Höhenfarben) Sternenhimmel


1.1.3. Google Maps API

Juni 2005: Version 1

3. April 2006: Version 2

11. Juni 2006:Geocoder

Neue Features u.a.Schnellerer Download

Eigene Karten-OverlaysSpeicheroptimierungen

Freier Dienst mit SchlüsselJavascript / XML

Eigene Daten / Punkteohne Werbung (bisher)*

Parser für Adressangabenund Koordinatenermittlung

* Alternative: Google Maps API Premier (Werbung kontrollierbar)


1.1.4. Google Geocoder

Adresseingabe

Einzelner StringKeine Formatierungsvorgaben

unterstützt Abkürzungen

Adresse unterteilt in KomponenteneXtensible Address Language

unterstützt 200+ Länder

Adressausgabe

Koordinaten(Breitengrad / Längengrad)

Einfacher Geocoder

Client-seitiger CacheWeniger Geocoder-Anfragen

Mehr Performance

Bis zu 50.000 Anfragen pro API Key / Tag

HTTP / JavaScriptAnfrage

JavaScript Aufruf: GclientGeocoder()


1.2. Yahoo Maps

Freier Dienst mit Application IDseit 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(anfangs)

Mit Geocoder

Flash / Ajax


2. Weitere Schnittstellen

Open Layers


2.1. Google Earth

Virtueller 3D Globus

Verschiedene Kartenschichten

Austauschformat KML

Kostenlose Basisversion

Windows, Mac OS X, Linux, SymbianOS, iPhone OS


2.2. Open Layers

Open Layers

Open Geospatial Consortium (2008)

offene Layer (über standardisierte Formate)

Geschlossene Formate (Microsoft, Google, Yahoo)


2.2.1. Open Layers Beispiel 1

Zeichenfunktionen


2.2.2. Open Layers Beispiel 2

GeoRSS mit Flickr Bildernvar newl = new OpenLayers.Layer.GeoRSS('georss.xml');map.addLayer(newl);


2.2.2.1. GeoRSS Beispiel

GeoRSS nach W3C Standard


2.2.3. Open Street Map

Sammlung von frei nutzbaren GeodatenWiki-ähnliche Datenbank mit Bearbeitungsfunktionen

Creative Commons Share-Alike 2.0


3. Geo Maps

papaya CMS (RC1 und Nightly)

Entwicklung seit Mai 2007

Einbindung von Google Maps / Yahoo Maps

Verwaltung von Markierungen und Schlüsseln


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


3.1.1. Weitere Beispiele

Kartenkoordinaten auslesen und in Formular übertragen. Polygon-Linien setzen


4. Geo Maps Module

Geo Maps Modulübersicht im papaya CMS Backend


4.1. Administration

Verwaltung von Markierungen

Verwaltung von Schlüsseln / Application IDs


4.1.1. Markierungen verwalten


4.1.2. Schlüssel / Application IDs verwalten

Google API Keys und / oder Yahoo Application IDs verwalten.


4.2. Kartenboxen

Google Maps Box Yahoo Maps Box

Ausgabeklasse

Basisklasse

Konfiguration

Daten aus Konfiguration annehmen (setter)

Link-URLs und XML-Ausgabe (getter)


4.2.1. - Kartenboxen konfigurieren

Einstellungen / Optionen zur Kartendarstellung



Markierungsdaten / Markierungseinstellungen



Weitere Konfigurationsmöglichkeiten


4.2.4. Dynamische und statische Variante

Dynamisch mit Kontrollelementen Statisches Kartenbild

Statischer Kartenaufruf ->

URL maps.google.com/staticmap

Paramter- center = LAT,LNG- zoom = 15- size = 212x212- maptype = roadmap- markers = LAT,LNG,red- key = API-KEY


4.2.4.1. Dynamischer Kartenaufruf (1)

1. Browserkompatibilität prüfen:GBrowserIsCompatible() -> TRUE / FALSE

2. Div-Element im Dokument ermitteln:var mapElement = document.getElementById("map");

3.Kartenobjekt mit bestimmter Größe erzeugen:var googleMap = new Gmap2( mapElement, {'size' : new GSize(width, height)});

4. Kartentyp definieren:googleMaps.setMapType(mapTypeConstant);

API JavaScript mit API-Key laden


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);


4.3. - Konnektor

Methoden:

Liste von Ordnern als Auswahlbox

Markierung hinzufügen

Markierung löschen

Basisklasse Klasse einesFremdmoduls

Konnektorklasse


4.3.1. - Beispiel zum Konnektor

Karten- und spezielle Formularbox

Überladenes Klick-Ereignis

M2

M1

Geo Maps Konnektor

Geo Maps Basisklasse

Geo Maps Ausgabeklasse

function coorModeAction(x, y) { if (lastMarker != null) googleMaps.removeOverlay(lastMarker); lastMarker = setMarker(new GLatLng(y, x)); locationInput.value = y+','+x; }


4.4. Geo Maps Datenbanktabellen


4.4.1. Ausgabe von Markierungsdaten

KML

Beschreibungin HTML

XMLHttpRequest

Styles fürGoogle Earth


4.4.1.1. Markierungsdaten exportieren

Exportfunktionim Backend

Oder als Download im KML Ausgabemodus(Markierungsdaten)

KML mit Styles für Markierungsicon


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


4.5.1. SE Klassenhierarchie

Point: 0-dimensionalCurve: 1-dimensional

Surface: 2-dimensional

GeometryCollection:Zusammenstellungen

verschiedener Geometrien


4.5.2. Geo Maps Funktionen für SE

- Datenbanktabellen anlengen(für Punkte und Polygone)

- Punkte hinzufügen / entfernen

- Polygone hinzufügen / entfernen

- nächst gelegenen Punkt ermitteln

- liegt Punkt A in Polygon X?

Basisklasse für Spatial Extensions

Spaltentyp: polygonIndex: SPATIAL KEY

Spaltentyp: pointIndex: SPATIAL KEY


4.5.3. SE Datentabellen

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


5. Quellen und weiterführende Links

martinkelm.deen.wikipedia.org/wiki/Google_Mapsen.wikipedia.org/wiki/Google_Earthen.wikipedia.org/wiki/Yahoo_Mapsen.wikipedia.org/wiki/Open_Layersopenlayers.org/dev/exampleswww.georss.org/Main_Pagedev.mysql.com/doc/refman/5.0/en/spatial-extensions.htmlcode.google.com/apis/maps/documentation/reference.htmldeveloper.yahoo.com/maps/ajax/V2/reference.htmlshrt.ws / weisse-liste.de

ENDE

phpug - geo maps für papaya cms

Technology