Top Banner
Geo interfaces for actual humans by Eric Gelinas of Flickr February 6th 2012
34

Geo interfaces for actual humans

Dec 14, 2014

Download

Documents

Eric Gelinas

 
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Geo interfaces for actual humans

Geo interfaces for actual humans

by Eric Gelinas of FlickrFebruary 6th 2012

Page 2: Geo interfaces for actual humans
Page 3: Geo interfaces for actual humans

Do we really need a map?

Page 4: Geo interfaces for actual humans

Why Flickr uses maps:

- Navigation

- To tell a story

Page 5: Geo interfaces for actual humans

!ere are a lot of photos on Flickr

Page 6: Geo interfaces for actual humans
Page 7: Geo interfaces for actual humans

- Navigation

Why Flickr uses maps:

- To tell a story

Page 8: Geo interfaces for actual humans

!is is an interesting photo

© Stefania Zamparelli, used by permission.

Page 9: Geo interfaces for actual humans

It’s more interesting with a story

© Stefania Zamparelli, used by permission.

Page 10: Geo interfaces for actual humans
Page 11: Geo interfaces for actual humans

Contacts ExplorersLikely familiarwith where youtake most photos

Might have no familiarity with thelocation of your photos

Page 12: Geo interfaces for actual humans

3-Step ZoomDefault

On hover of the map image

Hover over the center

Page 13: Geo interfaces for actual humans

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/

Page 14: Geo interfaces for actual humans

Most map interfaces are kinda awkward

Page 15: Geo interfaces for actual humans

!e placemark

Page 16: Geo interfaces for actual humans
Page 17: Geo interfaces for actual humans
Page 18: Geo interfaces for actual humans
Page 19: Geo interfaces for actual humans

“Slippy Maps”

Page 20: Geo interfaces for actual humans

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

Page 21: Geo interfaces for actual humans

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.

Page 22: Geo interfaces for actual humans

A map which looks a lot more like Flickr

Page 24: Geo interfaces for actual humans

Location information is sensitive

Page 25: Geo interfaces for actual humans
Page 26: Geo interfaces for actual humans

!e future...

Page 28: Geo interfaces for actual humans
Page 29: Geo interfaces for actual humans

http://http://

mapbox.com/tilemill//

Page 30: Geo interfaces for actual humans

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

github.com/mapbox/carto/

Behold: Carto

Page 31: Geo interfaces for actual humans

Tools make it easier to be awesome

Page 32: Geo interfaces for actual humans

http://switch2osm.org/

(no pressure)

Page 33: Geo interfaces for actual humans

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

Page 34: Geo interfaces for actual humans

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