Zoom in on
Mapping
and location on the Web
Adam DuVander
mapscripting.com

Look
familiar?

World Map,
1513

Wilma,
I'm home
http://www.flickr.com/photos/cogdog/594574/

About me, mapping edition

About me, Portland edition
Portland Web Innovators
First Wednesdays, pdxwi.com

Mapping
APIs

Geocoding
addresses to data

Location
? guessing

Location
sharing

But first...
More
history...

RR DONNELLEY
founded 1864
Cartographic Services
founded 1967

API vs
mapping site
http://www.flickr.com/photos/thunderpants/2744701385/

Google Maps
Driving directions
StreetView
It's the best?

Yahoo Maps
Automatic geocoding
It's not Google

Virtual Earth
Bing Maps
Bird's eye view
It's not Google

MapQuest API
Nostalgia
Decluttering
It's not Google

CloudMade
Open data
Custom tile generation
Cloned Google API
(but it's still not Google)

Mapstraction: 11 maps in 1!
FreeEarth OpenLayers
Google OpenSpace
Map24 OpenStreetMap
MapQuest ViaMichelin
Microsoft Yahoo
MultiMap

What's the difference?
Yahoo Google Mapstraction
var map = new Ymap(... var map = new GMap2(... var map = new Mapstraction(...
var marker = new Ymarker(... var marker = new GMarker(... var marker = new Marker(...
map.addOverlay(marker); map.addOverlay(marker); map.addMarker(marker);
map.drawZoomAndCenter(... map.setCenter(... map.setCenterAndZoom(...

What about
Flash?

3 quick ways
to make your maps stand out

1. Shed the
teardrop icons
Make shadows here:
http://www.cycloloco.com/shadowmaker/

2. Interact
outside the map

3. Clean
things up

Geocoding
what is it?

JavaScript
geocoders Google
Yahoo
Mapstraction

Server-side
geocoders Google
Yahoo
Geocoder.US

http://www.flickr.com/photos/blmurch/144446416/

+--------------------------+----------+-----------+
| hotspot_name | latitude | longitude |
+--------------------------+----------+-----------+
| red e cafe | 45.5626 | -122.677 |
| Matchbox Lounge | 45.5046 | -122.632 |
| Invasion Cafe | 45.5203 | -122.675 |
| Happy Sparrow Cafe | 45.5163 | -122.635 |
| mamas n' papas | 45.5226 | -122.641 |

Location
? guessing
(makes you look smart and creepy)

127.0.0.1
http://www.flickr.com/photos/jemstone/11631878/ http://www.flickr.com/photos/joc67/774419510/ http://www.flickr.com/photos/benimoto/419169824/

W3C
geolocation
standard

navigator.geolocation.getCurrentPosition(foundLocation, noLocation);
function foundLocation(position) {
var lat = position.coords.latitude;
var long = position.coords.longitude;
alert('Found location: ' + lat + ', ' + long);
}

position
timestamp
coords
latitude
longitude
altitude
accuracy
altitudeAccuracy
heading
speed

Google Ajax loader
google.loader.ClientLocation

IPinfoDB.com
+--------------------------+----------+-----------+
| ip_address | latitude | longitude |
+--------------------------+----------+-----------+
| 192.168.0.1 | 45.5626 | -122.677 |
| 192.168.0.2 | 45.5046 | -122.632 |
| 192.168.0.3 | 45.5203 | -122.675 |
| 192.168.0.4 | 45.5163 | -122.635 |
| 192.168.0.5 | 45.5226 | -122.641 |

Location
sharing
(only as creepy
as you make it)

http://www.flickr.com/photos/8363028@N08/2874693272/

How will ?
you use location

Zoom in on
Mapping
and location on the Web
(Thank you)
Adam DuVander
mapscripting.com