Geo interfaces   by Eric Gelinas of Flickr                     February 6th 2012for actual humans
Do we really need a map?
Why Flickr uses maps:   - Navigation   - To tell a story
ere are a lot of photos on Flickr
Why Flickr uses maps:   - Navigation   - 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 familiar   Might have nowith where you    familiarity with thetake most         location...
3-Step Zoom              Default              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,...
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 lo...
Useful events:- Pan*- Double-Click- Map Draw End- Zoom Level Changed- Mouse Down- Mouse Up- Focus Visibility Change*** Pan...
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/
Behold: Carto http://http://https://github.com/mapbox/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@standardpixelDVD Extras:bit.ly/three_step_map_zoomgithub.com/mapstraction/mxn/downloads...
Geo interfaces for actual humans
Geo interfaces for actual humans
Geo interfaces for actual humans
Geo interfaces for actual humans
Geo interfaces for actual humans
Geo interfaces for actual humans
Geo interfaces for actual humans
Geo interfaces for actual humans
Upcoming SlideShare
Loading in …5
×

Geo interfaces for actual humans

4,621 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,621
On SlideShare
0
From Embeds
0
Number of Embeds
39
Actions
Shares
0
Downloads
19
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Geo interfaces for actual humans

  1. 1. Geo interfaces by Eric Gelinas of Flickr February 6th 2012for actual humans
  2. 2. Do we really need a map?
  3. 3. Why Flickr uses maps: - Navigation - To tell a story
  4. 4. ere are a lot of photos on Flickr
  5. 5. Why Flickr uses maps: - Navigation - To tell a story
  6. 6. is is an interesting photo © Stefania Zamparelli, used by permission.
  7. 7. It’s more interesting with a story © Stefania Zamparelli, used by permission.
  8. 8. Contacts ExplorersLikely familiar Might have nowith where you familiarity with thetake most location of yourphotos photos
  9. 9. 3-Step Zoom Default On hover of the map image Hover over the center
  10. 10. 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/
  11. 11. Most map interfaces are kinda awkward
  12. 12. e placemark
  13. 13. “Slippy Maps”
  14. 14. 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
  15. 15. 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.
  16. 16. A map which looks a lot more like Flickr
  17. 17. http://github.com/mapstraction/mxn/downloads
  18. 18. Location information is sensitive
  19. 19. e future...
  20. 20. http:// /openstreetmap.org
  21. 21. http://http:// /mapbox.com/tilemill/
  22. 22. Behold: Carto http://http://https://github.com/mapbox/carto/
  23. 23. Tools make it easier to be awesome
  24. 24. http://switch2osm.org/ (no pressure)
  25. 25. Giants: i am on their shoulders... code. ickr.com/blog/tag/geo
  26. 26. I thank you ickr.com/standardpixel@standardpixelDVD Extras:bit.ly/three_step_map_zoomgithub.com/mapstraction/mxn/downloadsopenstreetmap.orgmapbox.com/tilemillPhoto Credits:flickr.com/photos/mvjantzen/377111497flickr.com/photos/jamieanderson/289649542flickr.com/photos/rubixdead/6710142943flickr.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

×