1. Adding Location to Your Web 2.0 App

    http://mapsomething.com/presentations/web2.0expo/


    Andrew Turner & Mikel Maron

    http://highearthorbit.com/

    http://mikelmaron.com/

  2. We Added Location to a Web 2.0 App



    :: GeoPress

    but please ask about your App

  3. Why Listen to Us?

    Projects

    mapufacture, mapstraction, GeoRSS, worldKit, FeedOnFeeds-Redux, OpenStreetMap, W3C GeoXG, GeoClue

    Consulting

    BBC, Urban Mapping, MapQuest, Yahoo, Ordnance Survey, San Jose Mercury, NASA

    Writings

    Introduction to Neogeography, Mapping Hacks, Google Maps Hacks

  4. Adding Location to Your Web 2.0 App

  5. Adding Location to Your Web 2.0 App

  6. GeoPress Design Thoughts

  7. 1. Representing Geography

  8. More "advanced" geometries

  9. Projections & Geodesy

  10. Storing in DB

  11. Representing in GeoPress

  12. Representating in GeoPress

  13. 2. Mapping APIs and Clients

  14. Providers

  15. Differentiation

  16. Mapstraction

  17. Mapstraction Example

    <div id="mapstraction"></div>
    <script type="text/javascript">

    var mapstraction = new Mapstraction('mapstraction','google');
    var myPoint = new LatLonPoint(37.783019,-122.404003);
    mapstraction.setCenterAndZoom(myPoint, 15);

    var my_marker = new Marker(myPoint);
    my_marker.setIcon('icon.gif');
    my_marker.setInfoBubble("<b>Web2.0Expo Rocks!</b>");
    mapstraction.addMarker(my_marker);

    </script>

  18. Google in Mapstraction

  19. Mapstraction Example

    <div id="mapstraction"></div>
    <script type="text/javascript">

    var mapstraction = new Mapstraction('mapstraction','yahoo');
    var myPoint = new LatLonPoint(37.783019,-122.404003)
    mapstraction.setCenterAndZoom(myPoint, 15);

    var my_marker = new Marker(myPoint);
    my_marker.setIcon('icon.gif');
    my_marker.setInfoBubble("<b>Web2.0Expo Rocks!</b>");
    mapstraction.addMarker(my_marker); </script>

  20. Yahoo! in Mapstraction

  21. Microsoft in Mapstraction

  22. OpenStreetMap in Mapstraction

  23. Open Source Clients

  24. UI Tweaks

  25. Mapping API in GeoPress

  26. GeoPress Config

  27. Mapping API in GeoPress

  28. GeoPress Posting

  29. Mapping API in GeoPress

  30. GeoPress HTML

  31. Mapping API in GeoPress

  32. GeoPress RSS

  33. 3. Data Formats

  34. GeoRSS

  35. GeoRSS, feel the love



  36. GeoRSS


    xmlns:georss="http://www.georss.org/georss"

    GeoRSS Simple

    <georss:point>45.256 -71.92</georss:point>
    <georss:line>45.256 -110.45 46.46 -109.48 43.84 -109.86</georss:line>

  37. GeoRSS

    GeoRSS GML

    <georss:where>
     <gml:Point>
      <gml:pos>45.256 -71.92</gml:pos>
     </gml:Point>
    </georss:where>

    <georss:where>
     <gml:LineString>
      <gml:posList>45.256 -110.45 46.46 -109.48 43.84 -109.86</gml:posList>
     </gml:LineString>
    </georss:where>

  38. KML

  39. KML

    <kml xmlns="http://earth.google.com/kml/2.1">
     <Placemark>
      <name>Simple placemark</name>
       <description>Attached to the ground. Intelligently places itself
    at the height of the underlying terrain.</description>
       <Point>
        <coordinates>-122.0822035425683,37.42228990140251,0</coordinates>
      /Point>
     </Placemark>
    </kml>

  40. KML

  41. GPX

  42. GPX

    <gpx xmlns="http://www.topografix.com/GPX/1/1" creator="byHand" version="1.1"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://www.topografix.com/GPX/1/1 http://www.topografix.com/GPX/1/1/gpx.xsd">

     <wpt lat="39.921055008" lon="3.054223107">
      <ele>12.863281</ele>
      <time>2005-05-16T11:49:06Z</time>
      <name>Cala Sant Vicenç - Mallorca</name>
      <sym>City</sym>
     /wpt>
    </gpx>

  43. Microformats

  44. Microformats

    <div class="geo">GEO:
     <span class="latitude">37.386013</span>,
     <span class="longitude">-122.082932</span>
    </div>

    <div class="adr">
     <div class="street-address">665 3rd St.</div>
     <div class="extended-address">Suite 207</div>
     <span class="locality">San Francisco</span>,
     <span class="region">CA</span>
     <span class="postal-code">94107</span>
     <div class="country-name">U.S.A.</div>
    </div>

  45. Microformats - Operator

  46. Machine Tags


    geo:lat=37.386013
    geo:long=-122.082932

  47. Machine Tags

  48. Data Formats in GeoPress

    • Choice of GeoRSS Flavor
    • KML output
    • Microformats embedded in each post
    • Implemented through WordPress hooks

  49. 4. Services

    • Geocoders
    • Aggregation
    • Geolocation
    • Base Mapping

  50. Geocoders

  51. Geonames

  52. Geonames

  53. geocodr

    • People add meaningful placenames and geotags to their flickr photos
    • Take locations of tag, k-means clsutering, and largest cluster is the result
    • Docs and App
    • "Haight Ashbury", "Calle Ocho", "Emptire State Building", "Red Square"

  54. Geocodr - Tower of London

  55. Geocodr - Web 2.0 Expo

  56. Aggregation

    • Mapufacture
    • Build mashups from multiple feeds .. GeoRSS, KML, Microformats
    • Geographic Structured Search through all the feeds
    • Feeding GeoRSS and KML back out to the Web

  57. Mapufacture

  58. Where is the user

  59. WMS

    http://onearth.jpl.nasa.gov/wms.cgi?request=GetMap
    &layers=modis,global_mosaic&styles=&srs=EPSG:4326
    &width=800&height=400&format=image/jpeg
    &bbox=-180.000000,-90.000000,180.000000,090.000000

  60. Map Rectifier

    • You have an un-georeferenced map image .. position it

  61. Services Used in GeoPress

    • Geocoding
    • Pinging Mapufacture .. weblogUpdates.Ping

  62. 5. Hardcore

    • Make your own Maps, Sling your Data
    • Cartographic Distinction
    • Control Over Content

  63. OpenStreetMap

  64. OpenStreetMap Brighton

  65. OpenStreetMap Baghdad

  66. Other Free Data

  67. Servers, Renderers, Data

  68. Make your own Maps .. Commercial

  69. GeoPress is not this hardcore!

    • But may introduce OSM support through Mapstraction

  70. 6. Resources

  71. Books

  72. Email lists and Groups

  73. Blogs & Links

  74. Events

  75. Us


    http://mapsomething.com/presentations/web2.0expo/


    andrew at highearthorbit com

    mikel_maron at yahoo com


    Thanks!