W3C Geolocation API - Making Websites Location-aware

W3C Geolocation API Making Websites Location-aware Wednesday, April 1, 2009

me • Director of Consumer Products at Skyhook Wireless • Founded Locationaware.org which eventually became W3C Geolocation API Working Group • Follow @rsarver to get the SlideShare link for slides after I post them Wednesday, April 1, 2009

practical tools to allow you to add location capabilities to your website today Wednesday, April 1, 2009

What is Geolocation? History of Geolocation on the web Current State of the Union Location Technologies Code Examples Questions Wednesday, April 1, 2009

location = context Wednesday, April 1, 2009

higher context = relevancy Wednesday, April 1, 2009

higher location = relevancy Wednesday, April 1, 2009

location comes in many ﬂavors Wednesday, April 1, 2009

37.78467, -122.40162 Wednesday, April 1, 2009

Wednesday, April 1, 2009

747 Howard St, San Francisco, CA Wednesday, April 1, 2009

4th St & Howard St Wednesday, April 1, 2009

Soma Wednesday, April 1, 2009

Pete’s Coffee Wednesday, April 1, 2009

Business Search APIs • Yahoo Local Search API • Yelp API • Localeze - sells business listing information • small businesses are tough, no db is totally complete Wednesday, April 1, 2009

how you display it can be used as a way of blurring location Wednesday, April 1, 2009

Ryan checked into The Mission Wednesday, April 1, 2009

map markers can be misleading when dealing with user’s location ... maybe use text instead Wednesday, April 1, 2009

so, why should I use it? Wednesday, April 1, 2009

HISTORY a lot has changed in a year Wednesday, April 1, 2009

locationaware.org Wednesday, April 1, 2009

Google Gears Wednesday, April 1, 2009

W3C Geolocation API Wednesday, April 1, 2009

coalition of the willing Wednesday, April 1, 2009

state of the union http://www.ﬂickr.com/photos/xrrr/2478140383/ Wednesday, April 1, 2009

2009 is the year of location in the Browser Wednesday, April 1, 2009

• Geode Extension in Mozilla Labs. Powered by Skyhook • W3C Geolocation API support natively in 3.1 (now called 3.5) • Opera Labs release with W3C Geolocation API support. Powered by Skyhook • Support in Chrome for Windows and Android Wednesday, April 1, 2009

http://bit.ly/mozilla-geode http://bit.ly/opera-geolocation http://google.com/chrome Wednesday, April 1, 2009

Location Technologies Wednesday, April 1, 2009

Two primary methods 1. IP Geolocation 2. Triangulation • GPS • Wi-Fi • Cell Tower Wednesday, April 1, 2009

IP Geolocation Pros • Widely available • Detection happens server-side Cons • Only accurate to the city-level • Only in the right state 85% of the time • Costly • Produces false positives Wednesday, April 1, 2009

IP Geolocation Vendors • MaxMind - http://www.maxmind.com • Has a free database - GeoLite City • Quova - http://www.quova.com • IPligence - http://www.ipilgence.com • IP2Location - http://www.ip2location.com Wednesday, April 1, 2009

Triangulation GPS 10 m Wi-Fi 20 m Cell Tower 1000 m Wednesday, April 1, 2009

GPS Pros • Accurate after it gets a ﬁx • Highly accurate in rural area Cons • Doesn’t work indoors • Difﬁculty with Urban Canyons • Long Time to First Fix Wednesday, April 1, 2009

Wi-Fi Triangulation Wednesday, April 1, 2009

Wi-Fi Positioning (WPS) Pros • Accurate • Works indoors and in Urban Areas • Quick Time to First Fix • Software-only, leverages existing Wi-Fi Cons • Doesn’t work well in rural areas Wednesday, April 1, 2009

• Cross-platform, cross-browser plugin for adding geolocation to any website • Locate a user down to their exact street address with a few lines of javascript • http://loki.com/how • </plug> Wednesday, April 1, 2009

Cell Triangulation Pros • Works where there is cell coverage (most areas) • Quick Time to First Fix • Software-only, leverages existing cellular radio Cons • Very inaccurate Wednesday, April 1, 2009

short answer hyrbid is the way Wednesday, April 1, 2009

W3C Geolocation API ... shut up and get to the code Wednesday, April 1, 2009

Single shot lookup navigator.geolocation.getCurrentPosition(function(pos){ //show map at (pos.coords.latitude, pos.coords.longitude) }); Wednesday, April 1, 2009

Position & Coordinates Objects interface Position { readonly attribute Coordinates coords; readonly attribute DOMTimeStamp timestamp; }; interface Coordinates { readonly attribute double latitude; readonly attribute double longitude; readonly attribute double altitude; readonly attribute double accuracy; readonly attribute double altitudeAccuracy; readonly attribute double heading; readonly attribute double speed; }; Wednesday, April 1, 2009

Single shot lookup w/ callbacks function showMap(pos) { //show map at pos.coords.latitude, pos.coords.longitude } function showError(err) { alert(err.message + ‘, ’ + err.code); } navigator.geolocation.getCurrentPosition(showMap, showError); Wednesday, April 1, 2009

PositionError Object interface PositionError { const unsigned short UNKNOWN_ERROR = 0; const unsigned short PERMISSION_DENIED = 1; const unsigned short POSITION_UNAVAILABLE = 2; const unsigned short TIMEOUT = 3; readonly unsigned short code; readonly DOMString message; }; Wednesday, April 1, 2009

Single shot lookup w/ callbacks & options function showMap(pos) { //show map at pos.coords.latitude, pos.coords.longitude } function showError(err) { alert(err.message + ‘, ’ + err.code); } navigator.geolocation.getCurrentPosition(showMap, showError, {enableHighAccuracy:true}); Wednesday, April 1, 2009

PositionOptions interface PositionOptions { attribute boolean enableHighAccuracy; attribute long timeout; attribute long maximumAge; }; Wednesday, April 1, 2009

Single shot lookup w/ cached position function showMap(pos) { //show map at pos.coords.latitude, pos.coords.longitude } function showError(err) { alert(err.message + ‘, ’ + err.code); } navigator.geolocation.getCurrentPosition(showMap, showError, {maximumAge:300000, timeout:0}); Wednesday, April 1, 2009

Periodic lookup w/ callbacks function moveMap(pos) { //update map to pos.coords.latitude, pos.coords.longitude } function showError(err) { alert(err.message + ‘, ’ + err.code); } // Track location with periodic updates watchId = navigator.geolocation.watchPosition(moveMap, showError); function stopTracking() { navigator.geolocation.clearWatch(watchId); } Wednesday, April 1, 2009

Upcoming Geo Events • Where 2.0 San Jose, CA May 19th - 21st • WhereCamp San Francisco, CA May 23rd - 24th Wednesday, April 1, 2009

Questions? tweet @rsarver with questions as well Wednesday, April 1, 2009

http://www.web2expo.com	712
http://www.slideshare.net	172
https://twitter.com	7
http://translate.googleusercontent.com	6
http://comeandseeafrica.blogspot.com	5
http://static.slidesharecdn.com	5
http://www.e-presentations.us	4
http://picometric.blogspot.com	4
http://hazdat.com	2
http://picometric.blogspot.fr	1
http://webcache.googleusercontent.com	1
https://romy1.basecamphq.com	1
http://www.posteezy.com	1
http://www.web2expo.com.ezp.lib.rochester.edu	1
http://209.85.229.132	1
https://si0.twimg.com	1

W3C Geolocation API - Making Websites Location-aware

by rsarver

Accessibility

Categories

Upload Details

Usage Rights

16 Embeds 924

Statistics

W3C Geolocation API - Making Websites Location-aware Presentation Transcript