Geo Maps For papaya CMS




05.06.09         Geo Maps - Martin Kelm   1
Agenda

      1. Google & Yahoo Maps

      2. More Interfaces

      3. Geo Maps

      4. Geo Maps Modules

      5. Sou...
1. Google & Yahoo Maps




05.06.09         Geo Maps - Martin Kelm   3
1.1. Google Maps

           8th february, 2005
              Default view

              April 2005
             Satellit...
1.1.1. Google Maps Overview




05.06.09           Geo Maps - Martin Kelm   5
1.1.2. More Google Maps Types



           Satellit e        Hybrid                 Physical




            Mars        ...
1.1.3. Google Maps API

                                               Free service with key
           June 2005:        ...
1.1.4. Google Geocoder

                                         HTTP / JavaScript
   Address input                       ...
1.2. Yahoo Maps




           Free service with application ID
           since 03.11.2005 (Beta release)

05.06.09      ...
1.2.1. Yahoo Maps API


First version in summer 2005
        (released with
      Google Maps API)

              for USA ...
2. More Interfaces




                                       Open Layers




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


             Virtual 3D globe

           Different map layers

       Interchange format KML




    ...
2.2. Open Layers


                       Open Layers

            Open Geospatial Consortium (2008)

           Open map ...
2.2.1. Open Layers Example 1




                  Draw functions

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




                GeoRSS with Flickr images
           var newl = new OpenLayers.Layer.GeoR...
2.2.2.1. GeoRSS Example




           GeoRSS according to W3C standard

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

                      Collection of free usable geo data
                     Wiki-like database w...
3. Geo Maps



              papaya CMS (RC1 and nightly)

               Developement since mai 2007

           Google M...
3.1. API Functions In Geo Maps

   - (De-)Activate / configure map controls

   - Set map type / size and zoom level

   -...
3.1.1. More Examples




 Get map coordinates to set them into a
 input field.                                   Set polyg...
4. Geo Maps Modules




           Geo Maps modules overview in the papaya CMS backend




05.06.09                    Geo...
4.1. Administration




                  Markers management




           Keys / application IDs management

05.06.09   ...
4.1.1. Manage Markers




05.06.09        Geo Maps - Martin Kelm   23
4.1.2. Manage Keys / Application IDs




           Manage Google API keys and / or Yahoo application IDs




05.06.09    ...
4.2. Map Boxes


              Google Maps Box                              Yahoo Maps Box

                              ...
4.2.1. - Configure Map Boxes




            Settings / options for map presentation




05.06.09              Geo Maps - ...
4.2.2. - Configure Map Boxes




              Markers data / markers settings




05.06.09             Geo Maps - Martin ...
4.2.3. - Configure Map Boxes




              More configuration possibilities




05.06.09             Geo Maps - Martin...
4.2.4. Dynamic And Static Map


                                   Static map request ->

                               U...
4.2.4.1. Dynamic Map Request (1)

           Load API Java Script with API-key

        1. Check browser compatibility:
  ...
4.2.4.1. Dynamic Map Request (2)

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


   ...
4.3. - Connector


           Base class        Connector class        Class of external module




                      ...
4.3.1. - Connector Example
      Map- and special box

                                                                   ...
4.4. Geo Maps Database Tables




05.06.09            Geo Maps - Martin Kelm   34
4.4.1. Markers Data Output


              KML

           Description
            in HTML

    XMLHttpRequest

          ...
4.4.1.1. Export Markers Data




Export function in
backend

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

KML ...
4.5. MySQL Spatial Extensions


                         Functions:
             Creation, storage and analysis of
       ...
4.5.1. SE Class Hierarchy



                              Point: 0-dimensional
                              Curve: 1-dim...
4.5.2. Geo Maps Functions For SE

           Base class for Spatial Extensions



                - Create database table ...
4.5.3. SE Database Tables




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



05.06...
5. Sources And Further Links

martinkelm.de
en.wikipedia.org/wiki/Google_Maps
en.wikipedia.org/wiki/Google_Earth
en.wikipe...
Upcoming SlideShare
Loading in...5
×

PHPUG - Geo Maps for papaya CMS

3,045

Published on

PHPUG - Geo Maps For papaya CMS - 2009-05-06
>>>> Downloads:
- papaya CMS mit Patches http://goo.gl/NYtrH
- Geo Maps http://goo.gl/JOFge
- papaya CMS manual http://goo.gl/mz4Ry

Published in: Technology, News & Politics
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,045
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

PHPUG - Geo Maps for papaya CMS

  1. 1. Geo Maps For papaya CMS 05.06.09 Geo Maps - Martin Kelm 1
  2. 2. Agenda 1. Google & Yahoo Maps 2. More Interfaces 3. Geo Maps 4. Geo Maps Modules 5. Sources And 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 8th february, 2005 Default view April 2005 Satellite view 22th july, 2005 Hybrid view 2nd january, 2006 Route maps 05.06.09 Geo Maps - Martin Kelm 4
  5. 5. 1.1.1. Google Maps Overview 05.06.09 Geo Maps - Martin Kelm 5
  6. 6. 1.1.2. More Google Maps Types Satellit e Hybrid Physical Mars Mars (Elevation) Mars (Infrared) Moon Mond (Elevation) Stars / Sky 05.06.09 Geo Maps - Martin Kelm 6
  7. 7. 1.1.3. Google Maps API Free service with key June 2005: Javascript / XML Version 1 Own data / points without advertisements (so far)* New features a.o. 3rd april, 2006: Faster download Version 2 Own map overlays Memory optimization 11th june, 2006: Parser for addresses Geocoder and coordinates calculation * Alternative: Google Maps API Premier (controllable advertisments) 05.06.09 Geo Maps - Martin Kelm 7
  8. 8. 1.1.4. Google Geocoder HTTP / JavaScript Address input request Address output Single string Address splitted in components No formatting specifications eXtensible Address Language Supports abbreviations Supports 200+ countries Client-side cache less Geocoder-requests More performance Simple Geocoder Coordinates Up to 50.000 Requests per API key / day (Latitude / Longitude) JavaScript request: GclientGeocoder() 05.06.09 Geo Maps - Martin Kelm 8
  9. 9. 1.2. Yahoo Maps Free service with application ID since 03.11.2005 (Beta release) 05.06.09 Geo Maps - Martin Kelm 9
  10. 10. 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 05.06.09 Geo Maps - Martin Kelm 10
  11. 11. 2. More Interfaces Open Layers 05.06.09 Geo Maps - Martin Kelm 11
  12. 12. 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 05.06.09 Geo Maps - Martin Kelm 12
  13. 13. 2.2. Open Layers Open Layers Open Geospatial Consortium (2008) Open map layers (standardized formats) Closed formats (Microsoft, Google, Yahoo) 05.06.09 Geo Maps - Martin Kelm 13
  14. 14. 2.2.1. Open Layers Example 1 Draw functions 05.06.09 Geo Maps - Martin Kelm 14
  15. 15. 2.2.2. Open Layers Example 2 GeoRSS with Flickr images 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 Example GeoRSS according to W3C standard 05.06.09 Geo Maps - Martin Kelm 16
  17. 17. 2.2.3. Open Street Map Collection of free usable geo data Wiki-like database with edit functions Creative Commons Share-Alike 2.0 05.06.09 Geo Maps - Martin Kelm 17
  18. 18. 3. Geo Maps papaya CMS (RC1 and nightly) Developement since mai 2007 Google Maps / Yahoo Maps integration Markers and keys management 05.06.09 Geo Maps - Martin Kelm 18
  19. 19. 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 05.06.09 Geo Maps - Martin Kelm 19
  20. 20. 3.1.1. More Examples Get map coordinates to set them into a input field. Set polygon lines 05.06.09 Geo Maps - Martin Kelm 20
  21. 21. 4. Geo Maps Modules Geo Maps modules overview in the papaya CMS backend 05.06.09 Geo Maps - Martin Kelm 21
  22. 22. 4.1. Administration Markers management Keys / application IDs management 05.06.09 Geo Maps - Martin Kelm 22
  23. 23. 4.1.1. Manage Markers 05.06.09 Geo Maps - Martin Kelm 23
  24. 24. 4.1.2. Manage Keys / Application IDs Manage Google API keys and / or Yahoo application IDs 05.06.09 Geo Maps - Martin Kelm 24
  25. 25. 4.2. Map Boxes Google Maps Box Yahoo Maps Box Configuration Get data from Output class Link-URLs and configuration (setter) XML-output (getter) Base class 05.06.09 Geo Maps - Martin Kelm 25
  26. 26. 4.2.1. - Configure Map Boxes Settings / options for map presentation 05.06.09 Geo Maps - Martin Kelm 26
  27. 27. 4.2.2. - Configure Map Boxes Markers data / markers settings 05.06.09 Geo Maps - Martin Kelm 27
  28. 28. 4.2.3. - Configure Map Boxes More configuration possibilities 05.06.09 Geo Maps - Martin Kelm 28
  29. 29. 4.2.4. Dynamic And Static Map 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 Dynamic with control element Static map image 05.06.09 Geo Maps - Martin Kelm 29
  30. 30. 4.2.4.1. Dynamic Map Request (1) Load API Java Script with API-key 1. Check browser compatibility: GBrowserIsCompatible() -> TRUE / FALSE 2. Get div-element from document: var mapElement = document.getElementById(quot;mapquot;); 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); 05.06.09 Geo Maps - Martin Kelm 30
  31. 31. 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); 05.06.09 Geo Maps - Martin Kelm 31
  32. 32. 4.3. - Connector Base class Connector class Class of external module Methods: Folders list as combo selection box Add marker Delete marker 05.06.09 Geo Maps - Martin Kelm 32
  33. 33. 4.3.1. - Connector Example Map- and special box Geo Maps output class M1 Geo Maps base class M2 Click-Event function (overloaded) function coorModeAction(x, y) { if (lastMarker != null) googleMaps.removeOverlay(lastMarker); lastMarker = setMarker(new GLatLng(y, x)); Geo Maps connector locationInput.value = y+','+x; } 05.06.09 Geo Maps - Martin Kelm 33
  34. 34. 4.4. Geo Maps Database Tables 05.06.09 Geo Maps - Martin Kelm 34
  35. 35. 4.4.1. Markers Data Output KML Description in HTML XMLHttpRequest Styles for Google Earth 05.06.09 Geo Maps - Martin Kelm 35
  36. 36. 4.4.1.1. Export Markers Data Export function in backend Download by using a KML output mode (markers data page) KML contains styles to get a marker icon 05.06.09 Geo Maps - Martin Kelm 36
  37. 37. 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 05.06.09 Geo Maps - Martin Kelm 37
  38. 38. 4.5.1. SE Class Hierarchy Point: 0-dimensional Curve: 1-dimensional Surface: 2-dimensional GeometryCollection: Collection of different geometries 05.06.09 Geo Maps - Martin Kelm 38
  39. 39. 4.5.2. Geo Maps Functions For SE Base class for Spatial Extensions - Create database table Column type: polygon (for points and polygons) Index: SPATIAL KEY - Add / remove points - Add / remove polygons - Get nearest point Column type: point Index: SPATIAL KEY - Is point a within polygon x? 05.06.09 Geo Maps - Martin Kelm 39
  40. 40. 4.5.3. SE Database Tables Extension tables for MySQL Spatial Extensions or rather polygon- and point-data. 05.06.09 Geo Maps - Martin Kelm 40
  41. 41. 5. Sources And Further 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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×