Geo interfaces for actual humans

by Eric Gelinas of FlickrFebruary 6th 2012

Do we really need a map?

Why Flickr uses maps:

- Navigation

- To tell a story

!ere are a lot of photos on Flickr

- Navigation

Why Flickr uses maps:

- To tell a story

!is is an interesting photo

© Stefania Zamparelli, used by permission.

It’s more interesting with a story

© Stefania Zamparelli, used by permission.

Contacts ExplorersLikely familiarwith where youtake most photos

Might have no familiarity with thelocation of your photos

3-Step ZoomDefault

On hover of the map image

Hover over the center

http://open.mapquestapi.com/staticmap/v3/getmap?size=300,100&zoom=6&center=37.770019,-122.511377&scalebar=false&pois=blue,37.770019,-122.511377

bit.ly/three_step_map_zoom/

Most map interfaces are kinda awkward

!e placemark

“Slippy Maps”

Most methods to "nd:- Get map center

- Get current zoom level

- Set zoom level

- Get view type

- Set view type

- Get latitude longitude for current map XY

- Get map XY for latitude longitude

- Draw map and center

- Pan to XY

- Get bounding-box for points

- Get best zoom level for bounding-box

Useful events:- Pan*

- Double-Click

- Map Draw End

- Zoom Level Changed

- Mouse Down

- Mouse Up

- Focus Visibility Change**

* Pan equivalent in Bing maps tend to be out of sync with animations** Focus Visibility Change event usually has to be made custom.

A map which looks a lot more like Flickr

http://github.com/mapstraction/mxn/downloads

Location information is sensitive

!e future...

http://openstreetmap.org/

http://http://

mapbox.com/tilemill//

http://http://https://

github.com/mapbox/carto/

Behold: Carto

Tools make it easier to be awesome

http://switch2osm.org/

(no pressure)

Giants: i am on their shoulders...code.!ickr.com/blog/tag/geo

I thank you!ickr.com/standardpixel @standardpixel

DVD Extras:bit.ly/three_step_map_zoomgithub.com/mapstraction/mxn/downloads openstreetmap.org mapbox.com/tilemill

Photo Credits:flickr.com/photos/mvjantzen/377111497flickr.com/photos/jamieanderson/289649542flickr.com/photos/rubixdead/6710142943 flickr.com/photos/zamparelli/5460439463flickr.com/photos/dylanblake/5408360685flickr.com/photos/anilbhatt/5933391461flickr.com/photos/komljenovic/91970575flickr.com/photos/pupski/49705523flickr.com/photos/benheine/6225886421flickr.com/photos/c-reel/4771058154flickr.com/photos/paulhammond/2069195263