PHPUG - Geo Maps for papaya CMS

05.06.09 Geo Maps - Martin Kelm 1

Geo Maps For papaya CMS


Agenda

1. Google & Yahoo Maps

2. More Interfaces

3. Geo Maps

4. Geo Maps Modules

5. Sources And Links


1. Google & Yahoo Maps


1.1. Google Maps

8th february, 2005Default view

April 2005Satellite view

22th july, 2005Hybrid view

2nd january, 2006Route maps


1.1.1. Google Maps Overview


1.1.2. More Google Maps Types

Satellite Hybrid Physical

Mars Mars (Elevation) Mars (Infrared)

Moon Mond (Elevation) Stars / Sky


1.1.3. Google Maps API

June 2005: Version 1

3rd april, 2006: Version 2

11th june, 2006:Geocoder

New features a.o.Faster download

Own map overlaysMemory optimization

Free service with keyJavascript / XMLOwn data / points

without advertisements (so far)*

Parser for addressesand coordinates calculation

* Alternative: Google Maps API Premier (controllable advertisments)


1.1.4. Google Geocoder

Address input

Single stringNo formatting specifications

Supports abbreviations

Address splitted in componentseXtensible Address Language

Supports 200+ countries

Address output

Coordinates(Latitude / Longitude)

Simple Geocoder

Client-side cacheless Geocoder-requests

More performance

Up to 50.000 Requests per API key / day

HTTP / JavaScriptrequest

JavaScript request: GclientGeocoder()


1.2. Yahoo Maps

Free service with application IDsince 03.11.2005 (Beta release)


1.2.1. Yahoo Maps API

First version in summer 2005(released with

Google Maps API)

for USA only(at the beginning)

with Geocoder

Flash / Ajax


2. More Interfaces

Open Layers


2.1. Google Earth

Virtual 3D globe

Different map layers

Interchange format KML

Basic version for free

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


2.2. Open Layers

Open Layers

Open Geospatial Consortium (2008)

Open map layers (standardized formats)

Closed formats(Microsoft, Google, Yahoo)


2.2.1. Open Layers Example 1

Draw functions


2.2.2. Open Layers Example 2

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


2.2.2.1. GeoRSS Example

GeoRSS according to W3C standard


2.2.3. Open Street Map

Collection of free usable geo dataWiki-like database with edit functionsCreative Commons Share-Alike 2.0


3. Geo Maps

papaya CMS (RC1 and nightly)

Developement since mai 2007

Google Maps / Yahoo Maps integration

Markers and keys management


3.1. API Functions In Geo Maps

- (De-)Activate / configure map controls

- Set map type / size and zoom level

- Arange / center map

- Descriptions by using mouse-events

- Lines (Polyline)

- Static maps

- Get map coordinates by click OnClick-Event / Description


3.1.1. More Examples

Get map coordinates to set them into a input field. Set polygon lines


4. Geo Maps Modules

Geo Maps modules overview in the papaya CMS backend


4.1. Administration

Markers management

Keys / application IDs management


4.1.1. Manage Markers


4.1.2. Manage Keys / Application IDs

Manage Google API keys and / or Yahoo application IDs


4.2. Map Boxes

Google Maps Box Yahoo Maps Box

Output class

Base class

Configuration

Get data from configuration (setter)

Link-URLs and XML-output (getter)


4.2.1. - Configure Map Boxes

Settings / options for map presentation



Markers data / markers settings



More configuration possibilities


4.2.4. Dynamic And Static Map

Dynamic with control element Static map image

Static map request ->

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. Dynamic Map Request (1)

1. Check browser compatibility:GBrowserIsCompatible() -> TRUE / FALSE

2. Get div-element from document:var mapElement = document.getElementById("map");

3. Get map object with map size setting:var googleMap = new Gmap2( mapElement, {'size' : new GSize(width, height)});

4. Set a valid map type:googleMaps.setMapType(mapTypeConstant);

Load API Java Script with API-key


4.2.4.1. Dynamic Map Request (2)

5. Add a control element:googleMap.addControl(new GLargeMapControl());

6. Get a point coordinate object:var point = new GLatLng(

parseFloat(latitude), parseFloat(longitude));

7. Center map:googleMaps.setCenter(point);

8. Set markers:var marker = new GMarker(point);

(more parameters for own icon images available)googleMaps.addOverlay(marker);


4.3. - Connector

Methods:

Folders list as combo selection box

Add marker

Delete marker

Base class Class of external moduleConnector class


4.3.1. - Connector Example

Map- and special box

Click-Event function (overloaded)

M2

M1

Geo Maps connector

Geo Maps base class

Geo Maps output class

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


4.4. Geo Maps Database Tables


4.4.1. Markers Data Output

KML

Descriptionin HTML

XMLHttpRequest

Styles forGoogle Earth


4.4.1.1. Export Markers Data

Export function inbackend

Download by using a KML output mode(markers data page)

KML contains styles to get a marker icon


4.5. MySQL Spatial Extensions

Functions:Creation, storage and analysis of

geographic characteristics

Since MySQL 4.1 (for MyISAM)

Since 5.0.16 for InnoDB, NDB, BDB and ARCHIVE too


4.5.1. SE Class Hierarchy

Point: 0-dimensionalCurve: 1-dimensional

Surface: 2-dimensional

GeometryCollection:Collection of

different geometries


4.5.2. Geo Maps Functions For SE

- Create database table(for points and polygons)

- Add / remove points

- Add / remove polygons

- Get nearest point

- Is point a within polygon x?

Base class for Spatial Extensions

Column type: polygonIndex: SPATIAL KEY

Column type: pointIndex: SPATIAL KEY


4.5.3. SE Database Tables

Extension tables for MySQL Spatial Extensions or rather polygon- and point-data.


5. Sources And Further 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 for papaya CMS

Technology

Transcript of PHPUG - Geo Maps for papaya CMS