Beyond Googlemaps - Andrew Turner

Beyond GoogleMaps
Andrew Turner, Mapufacture & FortiusOne

or...
Evolved Maps,
desconstructed

A Brief History
of Mapping *

*IANAH

Emphemeral Maps http://maps.google.com

1492 - Columbus sails
the ocean blue

So geographers, in Afric maps,
With savage pictures ﬁll their gaps,
And o’er unhabitable downs
Place elephants for want of towns.
- Jonathan Swift

2005 - Google slips the
map

urban renewal
participatory web

2005 - Google slips the
map
mobile computing
GPS becomes
ubiquitous

HousingMaps http://housingmaps.com

Slippy Maps
&
Spinny Globes

GoogleMaps http://maps.google.com

Interactivity http://maps.google.com

http://maps.google.com/maps?f=q&hl=en&geocode=&q=Cape+Town&ie=UTF8&ll=-33.938803,18.486214&spn=0.182293,0.331306&z=12

Data Coverage and
Quality

http://maps.google.com/maps?f=q&hl=en&geocode=&q=Cape+Town&ie=UTF8&ll=-33.938803,18.486214&spn=0.182293,0.331306&z=12

Data Coverage and
Quality
http://openstreetmap.org/?lat=-33.9377&lon=18.4745&zoom=12&layers=B000FTF

Data Ownership and
Access

Where Next?
http://ﬂickr.com/photos/loupiote/25426957

id name rating lat lon
10045 Vibe Bar 4.3 52.81 0.295
10046 Half Moon 3.8 53.432 0.312
Pub
10047 Windmill 2.6 50.982 0.256
10048 Marquess 1.7 51.023 1.24
oAnglesey
Grange
10049 4.5 52.110 0.4562
Pub
Coopers
10050 3.5 50.862 0.821
Arms
Old
10051 3.2 52.591 0.312
Queens
Oxo
10052 1.3 51.93 -0.351
Head
Tower
10053 Riverside 3.9 52.18 0.62

SELECT name,latitude,longitude, acos(SIN( PI()* 40.7383040 /180 )*SIN( PI()*latitude/180 )
)+(cos(PI()* 40.7383040 /180)*COS( PI()*latitude/180) *COS(PI()*longitude/180-PI()* -73.99319 /180)
)* 3963.191 AS distance

FROM allcountries

WHERE 3963.191 * ACOS( (SIN(PI()* 40.7383040 /180)*SIN(PI() * latitude/180)) +
(COS(PI()* 40.7383040 /180)*cos(PI()*latitude/180)*COS(PI() * longitude/180-PI()* -73.99319 /180))
) < = 1.5

ORDER BY 3963.191 * ACOS(
(SIN(PI()* 40.7383040 /180)*SIN(PI()*latitude/180)) +
(COS(PI()* 40.7383040 /180)*cos(PI()*latitude/180)*COS(PI() * longitude/180-PI()* -73.99319 /180))
)

SELECT the_geom
FROM geom_table
WHERE ST_Distance(the_geom, GeomFromText('POINT(0.02839 51.50807)', -1)) < 100

SELECT the_geom
FROM geom_table
WHERE the_geom && 'BOX3D(0.02 51,0.03 52)'::box3d
AND
ST_Distance(the_geom, GeomFromText('POINT(0.02839 51.50807)', -1)) < 100

SpatiaLite
SQLite + Spatial Types

http://www.gaia-gis.it/spatialite/

GeoHash

http://geohash.org/

GeoHash
SELECT name
FROM pubs
WHERE geohash LIKE quot;GCPUV%quot;

http://geohash.org/

GeoHash
SELECT name
FROM pubs
WHERE geohash LIKE quot;GCPUVR%quot;
OR geohash LIKE quot;GCPVJ2%quot;

http://geohash.org/

GeoNames http://geonames.org

Implicit GeoData http://geocodr.net

OpenStreetMap http://openstreetmap.org

OpenStreetMap London http://openstreetmap.org

Flickr OSM http://www.ﬂickr.com/map?
&fLat=39.9227&fLon=116.4694&zl=6

OpenAerialMap http://openaerialmap.org

GeoCommons Finder! http://geocommons.com

GeoCommons Finder! http://ﬁnder.geocommons.com

Mapufacture http://mapufacture.com

GeoRSS

<georss:point>
+ 45.256 -71.92
</georss:point>

RSS / Atom
<?xml version=quot;1.0quot; encoding=quot;UTF-8quot;?>
<feed xml:lang=quot;en-USquot; xmlns:dc=quot;http://purl.org/dc/elements/1.1/quot; xml:base=quot;http://grwifi.net/feedquot; xmlns=quot;http://www.w3.org/2005/Atomquot;>
<title>Grand Rapids WiFi: News, Updated Hotspot Locations, and Comments</title>
<id>http://grwifi.net/atom/locations</id>
<link href=quot;http://grwifi.net/feedquot; rel=quot;selfquot; type=quot;application/atom+xmlquot;/>
<rights>Creative Commons Attribution-NonCommercial-ShareAlike 2.0 http://creativecommons.org/licenses/by-nc-sa/2.0/ </rights>
<updated>2007-03-28T17:31:33+00:00</updated>
<entry>
<id>http://grwifi.net/location/view/skelletones#comment3862</id>
<title>Grand Rapids WiFi: Comment on The Euclid</title>
<link href=quot;http://grwifi.net/location/view/skelletones#comment3862quot; rel=quot;alternatequot; type=quot;text/htmlquot;/>
<category term=quot;The Euclidquot;/>
<author><name>mari</name></author>
<content type=quot;xhtmlquot;><p>i know a local band in kalamazoo called rising vacancy. i was wondering how …/p></content>
<published>2007-03-28T17:31:33+00:00</published>
</entry>
<entry>
<id>http://grwifi.net/location/view/bk-east-paris#comment3855</id>
<title>Grand Rapids WiFi: Comment on Burger King - East Paris</title>
<link href=quot;http://grwifi.net/location/view/bk-east-paris#comment3855quot; rel=quot;alternatequot; type=quot;text/htmlquot;/>
<category term=quot;Burger King - East Parisquot;/>
<author><name>Brandino</name></author>
<content type=quot;xhtmlquot;><p>I love burger king </p></content>
</entry>
<entry>
<id>http://grwifi.net/location/view/common-ground#comment3843</id>
<title>Grand Rapids WiFi: Comment on Common Ground Coffee Shop</title>
<link href=quot;http://grwifi.net/location/view/common-ground#comment3843quot; rel=quot;alternatequot; type=quot;text/htmlquot;/>
<category term=quot;Common Ground Coffee Shopquot;/>
<author>
<name>Rex Cowan</name>
</author>
<content type=quot;xhtmlquot;>
<div xmlns=quot;http://www.w3.org/1999/xhtmlquot;><p>Common Ground is a welcoming place with a warm atmosphere, the clerk I talked to had …</p></
content>
</entry>
</feed>

GeoRSS
<feed xml:lang=quot;en-USquot; xmlns:dc=quot;http://purl.org/dc/elements/1.1/quot; xml:base=quot;http://grwifi.net/feedquot; xmlns:georss=quot;http://www.georss.org/georssquot; xmlns=quot;http://
www.w3.org/2005/Atomquot;>
<title>Grand Rapids WiFi: News, Updated Hotspot Locations, and Comments</title>
<id>http://grwifi.net/atom/locations</id>
<link href=quot;http://grwifi.net/feedquot; rel=quot;selfquot; type=quot;application/atom+xmlquot;/>
<rights>Creative Commons Attribution-NonCommercial-ShareAlike 2.0 http://creativecommons.org/licenses/by-nc-sa/2.0/ </rights>
<updated>2007-03-28T17:31:33+00:00</updated>
<entry>
<id>http://grwifi.net/location/view/skelletones#comment3862</id>
<title>Grand Rapids WiFi: Comment on The Euclid</title>
<link href=quot;http://grwifi.net/location/view/skelletones#comment3862quot; rel=quot;alternatequot; type=quot;text/htmlquot;/>
<category term=quot;The Euclidquot;/>
<author><name>mari</name></author>
<georss:point>42.960126 -85.667997</georss:point>
<content type=quot;xhtmlquot;><p>i know a local band in kalamazoo called rising vacancy. i was wondering how …/p></content>
</entry>
<entry>
<id>http://grwifi.net/location/view/bk-east-paris#comment3855</id>
<title>Grand Rapids WiFi: Comment on Burger King - East Paris</title>
<link href=quot;http://grwifi.net/location/view/bk-east-paris#comment3855quot; rel=quot;alternatequot; type=quot;text/htmlquot;/>
<category term=quot;Burger King - East Parisquot;/>
<author><name>Brandino</name></author>
<content type=quot;xhtmlquot;><p>I love burger king </p></content>
</entry>
<entry>
<id>http://grwifi.net/location/view/common-ground#comment3843</id>
<title>Grand Rapids WiFi: Comment on Common Ground Coffee Shop</title>
<link href=quot;http://grwifi.net/location/view/common-ground#comment3843quot; rel=quot;alternatequot; type=quot;text/htmlquot;/>
<category term=quot;Common Ground Coffee Shopquot;/>
<author>
<name>Rex Cowan</name>
</author>
<content type=quot;xhtmlquot;>
<div xmlns=quot;http://www.w3.org/1999/xhtmlquot;><p>Common Ground is a welcoming place with a warm atmosphere, the clerk I talked to had …</p></content>
</entry>
</feed>

GeoNames GeoRSS http://www.geonames.org/rss-to-georss-converter.html

KML
<kml xmlns=quot;http://earth.google.com/kml/2.2quot;>
<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>

KML Extended Data

<ExtendedData id=quot;roomsquot;>
<name>Rooms</name>
<value>3</value>
</ExtendedData>

KML Network Links

</NetworkLink>
<NetworkLink>
<name><![CDATA[Pubs in London]]></name>
<Link>
<href>http://maker.geocommons.com/maps/839/overlays/1</href>
</Link>
</NetworkLink>

GeoJSON

{ quot;typequot;: quot;Pointquot;, quot;coordinatesquot;: [100.0, 0.0] }

GeoJSON
{ quot;blogquot;: {
quot;postsquot;: [
{ quot;typequot;: quot;atom:itemquot;,
quot;atom:summaryquot;: quot;post 1quot;,
quot;atom:descriptionquot;: quot;i love bloggingquot;
},
{ quot;typequot;: quot;atom:itemquot;,
quot;atom:summaryquot;: quot;post 2 from CAquot;,
quot;atom:descriptionquot;: quot;geoblogging in Californiaquot;
quot;geometryquot;: {
quot;typequot;, quot;Pointquot;,
quot;coordinatesquot;: [-120, 40]
}
},
],
quot;geometryquot;: {
quot;typequot;: quot;Polygonquot;,
quot;coordinatesquot;: [[[-121, 39], [-119, 39], [-119, 41], [-121, 41], [-121, 39]]]
}
}
}

Resources

• /places
• /places/89
• /places/89.atom
• /places/89.kml

Web Aligned http://highearthorbit.com/a-proposal-georss-kml

Formats

HTML : RSS :: KML : GeoRSS

Formats

HTML : RSS :: KML : GeoRSS
Visualization : Syndication

Mapstraction API
<script src=quot;http://maps.google.com/maps?file=api&v=2&key=YOUR_KEYquot; type=quot;text/javascriptquot;>
</script>
<script type=quot;text/javascriptquot; src=quot;mapstraction.jsquot;></script>

<div id=quot;mapstractionquot; style=quot;width: 400px; height: 400px;quot;></div>

<script type=quot;text/javascriptquot;>
var mapstraction = new Mapstraction('mapstraction','google');

var myPoint = new LatLonPoint(37.4041, -122.0081);
mapstraction.setCenterAndZoom(myPoint, 10);

mapstraction.addControls({
pan: true,
zoom: 'small',
map_type: true
});

</script>

Power of the Swap

var mapstraction = new Mapstraction(‘map’, ‘google’);

Power of the Swap

mapstraction.swap(‘mapstraction’, ‘yahoo’);

Power of the Swap

mapstraction.swap(‘mapstraction’, ‘microsoft’);

Power of the Swap

mapstraction.swap(‘mapstraction’, ‘openstreetmap’);

Overlays
mapstraction.addImageOverlay
(quot;overquot;,ﬁle,opacity,west,south,east,north);

mapstraction.addImageOverlay(quot;overquot;,quot;images/
santodomingo.pngquot;,50,-70.01544, 18.39777, -69.80567,
18.563517);

Filters

mapstraction.removeAllFilters();
mapstraction.addFilter('category', 'eq', 10 );
mapstraction.doFilter();

Filters

mapstraction.removeAllFilters();
mapstraction.addFilter('category', 'eq', 10 );
mapstraction.doFilter();

mapstraction.toggleFilter('category', 'eq', 10 );

OpenLayers http://openlayers.org

map = new OpenLayers.Map(quot;mapquot;, {
maxResolution: 360/512,
projection: quot;EPSG:4326quot; ,
numZoomLevels: 20,
minZoomLevel: 0,
maxZoomLevel: 19,
controls: [
new OpenLayers.Control.Navigation(),
new OpenLayers.Control.PanPanel(),
new OpenLayers.Control.ZoomPanel()
]
});
var wms = new OpenLayers.Layer.WMS(
quot;worldquot;,
quot;/cgi-bin/tilecache/tilecache.cgi?quot;,
{layers: 'world'}
);
map.addLayers([wms]);
map.setCenter(new OpenLayers.LonLat(0, 32), 7);

package {
public class ModestMapsSample extends Sprite
{
private var map:Map;
public function ModestMapsSample()
{
map = new TweenMap(stage.stageWidth - 2 * PADDING, stage.stageHeight - 2 * PADDING,
true,
new MicrosoftRoadMapProvider(),
new MapExtent(37.829853, 37.700121, -122.212601, -122.514725));
map.addChild(new MapControls(map));
map.addChild(new ZoomSlider(map));
addChild(map);
}
}
}

London2012 http://london2012.co.uk

Hurricane Tracking http://hurricanewiki.org

WalkScore http://walkscore.com

MySociety House Price http://www.mysociety.org/2007/more-travel-maps/

vs. Travel Time

pgRouting

http://pgrouting.postlbs.org/

Safe Routing http://www.ridethecity.com

BurningManEarth http://earth.burningman.org

Maps for Farmers http://serveyourcountryfood.com

<?xml version=quot;1.0quot; encoding=quot;utf-8quot;?>
<!DOCTYPE Map>
<Map bgcolor=quot;#b5d0d0quot; srs=quot;+proj=latlong +datum=WGS84quot;>
<Style name=quot;worldquot;>
<Rule>
<MaxScaleDenominator>250000000000</MaxScaleDenominator>
<MinScaleDenominator>6000000</MinScaleDenominator>
<PolygonSymbolizer>
<CssParameter name=quot;fillquot;>#f2efe9</CssParameter>
</PolygonSymbolizer>
<LineSymbolizer>
<CssParameter name=quot;strokequot;>#b5d0d0</CssParameter>
<CssParameter name=quot;stroke-widthquot;>0.5</CssParameter>
</LineSymbolizer>
</Rule>
</Style>
<Layer name=quot;worldquot; status=quot;onquot; srs=quot;+proj=latlong +datum=WGS84quot;>
<StyleName>world</StyleName>
<Datasource>
<Parameter name=quot;typequot;>shape</Parameter>
<Parameter name=quot;filequot;>/Users/ajturner/Projects/mapnik/world_borders</Parameter>
</Datasource>
</Layer>
</Map>

Mapnik http://mapnik.com

OpenCycleMap http://opencyclemap.org

example.mml example.mss

<?xml version=quot;1.0quot; encoding=quot;utf-8quot;?> * {
<!DOCTYPE Map> line-width: 1;
<Map bgcolor=quot;#b5d0d0quot; srs=quot;...quot;> line-color: #999;
<Stylesheet> polygon-fill: #fff;
Map { map-bgcolor: #ccc; } }
</Stylesheet>
<Stylesheet src=quot;example.mssquot;/> *[zoom>=6][zoom<12] {
<Layer name=quot;worldquot; status=quot;onquot; srs=quot;...quot;> line-color: #f90;
<StyleName>world</StyleName> }
<Datasource> #world-borders[zoom<10] NAME
<Parameter name=quot;typequot;>shape</Parameter> {
<Parameter name=quot;filequot;>...</Parameter> text-fill: #333;
</Datasource> }
</Layer>
</Map>

Cascadenick http://code.google.com/p/mapnik-utils/

TileCache

TileCache http://tilecache.org

Image
WMS
Mapnik TileCache
Image
CRS


Image
WMS
TMS
Mapnik TileCache
900913
Image
(google)
CRS


Mapstraction Tiles
mapstraction.addTileLayer(quot;http://oakland-1950s.s3.amazonaws.com/{Z}-r{Y}-c{X}.jpgquot;, 80);

New Orleans http://maps.thinknola.com

EveryBlock http://everyblock.com

Ambient Location

OmniFocus

API

Dash http://dash.net

PocketMaps
height = 11
width = 8.5
margin = .25
dpi = 144

bbox = (45.482882,-73.619899,45.532687,-73.547801)
zoom = 16

out = quot;montreal_pocketmmap.pdfquot;

pm = pocketMMap(height, width, margin, dpi)
pm.load_provider('OPEN_STREET_MAP')
pm.draw(bbox, zoom)
pm.save(out)

ruby: http://github.com/ajturner/pocketmaps
python: http://aaronland.info/python/pocketMMap

W3C Geolocation http://dev.w3.org/geo/api/spec-source.html

navigator.geolocation.getCurrentPosition(function(pos) {
alert( pos.latitude + quot;, quot; + pos.longitude );
})

interface Geolocation {
readonly attribute Position lastPosition;

void getCurrentPosition(in PositionCallback successCallback);

int watchPosition(in PositionCallback successCallback);

void clearWatch(in int watchId);
};

Crowd Sourced
Crisis Information

FireEagle http://ﬁreeagle.com

geotagging pacers
M T W Th

geotagging pacers
M T W Th
1 23 4

BBC Bangladesh Boat
Journey

AtomPub

atom client

http://atompub.org/

AtomPub

resource
atom client

http://atompub.org/

AtomPub

resource
atom client
edit

http://atompub.org/

Workspace
<service xmlns:atom=quot;http://www.w3.org/2005/atomquot; xmlns=quot;http://www.w3.org/2007/appquot;>
<workspace>
<atom:title>Main Site</atom:title>
<collection href=quot;http://example.com/maps.atomquot;>
<atom:title>Example Maps</atom:title>
<accept>application/vnd.google-earth.kml+xml</accept>
<accept>application/atom+xml</accept>
</collection>
<collection href=quot;http://example.com/places.atomquot;>
<atom:title>Example Places</atom:title>
</collection>
<collection href=quot;http://example.com/users.atomquot;>
<atom:title>Example Users</atom:title>
</collection>
</workspace>
</service>

places.atom

<feed xmlns:georss=quot;http://www.georss.org/georssquot;
xmlns=quot;http://www.w3.org/2005/Atomquot;>
<title>Places</title>
<id>http://example.com/places</id>
<link type=quot;application/atom+xmlquot;
rel=quot;selfquot; href=quot;http://example.com/places.atomquot;/>
<link type=quot;application/vnd.google-earth.kml+xmlquot;
rel=quot;alternatequot; href=quot;http://example.com/places.kmlquot;/>
<link type=quot;text/htmlquot;
rel=quot;alternatequot; href=quot;http://example.com/placesquot;/>
<updated>2008-03-13T21:30:10Z</updated>
...
</feed>

Creating a Resource
user@host:/tmp$ curl -i -X POST
-H quot;Authorization: Basic YWRtaW46OGZjOGFkZmM=quot;
-H quot;Content-Type: application/atom+xml;type=entryquot;
-H quot;Slug: 600 N Sherwoodquot;
-d@test.atom
http://example.com/places

Creating a Resource
user@host:/tmp$ curl -i -X POST
-H quot;Slug: 600 N Sherwoodquot;
-d@test.atom
http://example.com/places

HTTP/1.1 201 Created
Date: Fri, 14 Mar 2008 04:32:33 GMT
Server: Twisted/2.5.0 TwistedWeb/[twisted.web2, version 0.2.0]
Content-Length: 744
Accept-Ranges: bytes
Location: http://example.com/places/600-n-sherwood
Content-Type: application/atom+xml;type=entry

New Resource
<?xml version=quot;1.0quot; encoding=quot;utf-8quot;?>
<entry xmlns=quot;http://www.w3.org/2005/Atomquot;
xmlns:georss=quot;http://www.georss.org/georssquot;
xmlns:gml=quot;http://www.opengis.net/gmlquot;>

<title>Test</title>
<link href=quot;http://example.com/places/600-n-sherwood.atomquot;
type=quot;application/atom+xml;type=entryquot; rel=quot;editquot;/>
<link href=quot;http://example.com/places/600-n-sherwoodquot;
type=quot;text/htmlquot; rel=quot;alternatequot;/>
<id>urn:uuid:dfa47428-e9ce-41b4-9f42-c2a3cad9037a</id>
<updated>2008-03-14T04:32:33Z</updated>
<summary>Testing placemark</summary>
<georss:where>
<gml:Point>
<gml:pos>-105.084251 40.594463</gml:pos>
</gml:Point>
</georss:where>
</entry>

Updating a Resource
sean@lenny:/tmp$ curl -i -X PUT
-d@test-edit.atom
http://example.com/places/600-n-sherwood.atom

Updating a Resource
sean@lenny:/tmp$ curl -i -X PUT
-d@test-edit.atom
http://example.com/places/600-n-sherwood.atom

HTTP/1.1 200 OK

AtomPub
kml
client
atom

atom

json

AtomPub
resource
kml
client
atom

atom

json

AtomPub
resource
kml
edit
client
atom

atom

json

AtomPub
p1
kml
p2
atom p{1,2,3,4}
aggregator client
p3
atom

p4
json

AtomPub
p1
kml
p2
atom p{1,2,3,4}
aggregator client
p3 edit p1
atom

p4
json

Public Geodata
Repository

Metadata, Statistics,
Open Data

Comparative Analysis http://maker.geocommons.com/maps/839

GeoWeb

We’re Hiring Help build the GeoWeb

Asante sana!
andrew@highearthorbit.com
highearthorbit.com
twitter.com/ajturner

Beyond Googlemaps - Andrew Turner

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (8)

Similar to Beyond Googlemaps - Andrew Turner

Similar to Beyond Googlemaps - Andrew Turner (20)

More from Carsonified Team

More from Carsonified Team (20)

Recently uploaded

Recently uploaded (20)

Beyond Googlemaps - Andrew Turner