W3C Geolocation API - Making Websites Location-aware

W3C Geolocation APIMaking Websites Location-aware

Wednesday, April 1, 2009

• 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

practical tools to allow you to add location capabilities to

your website today

What is Geolocation?

History of Geolocation on the web

Current State of the Union

Location Technologies

Code Examples

Questions

location = context

context = higher relevancy

location = higher relevancy

location comes in many flavors

37.78467, -122.40162

747 Howard St, San Francisco, CA

4th St & Howard St

Pete’s Coffee

Business Search APIs

• Yahoo Local Search API

• Yelp API

• Localeze - sells business listing information

• small businesses are tough, no db is totally complete

how you display it can be used as a way

of blurring location

Ryan checked into The Mission

map markers can be misleading when dealing

with user’s location

... maybe use text insteadWednesday, April 1, 2009

so, why should I use it?

HISTORYa lot has changed in a year

locationaware.org

Google Gears

W3C Geolocation API

coalition of the willing

state of the union

http://www.flickr.com/photos/xrrr/2478140383/Wednesday, April 1, 2009

2009 is the year of location in the

Browser

• 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

http://bit.ly/mozilla-geode

http://bit.ly/opera-geolocation

http://google.com/chrome

Location Technologies

Two primary methods

1. IP Geolocation2.Triangulation

• GPS

• Wi-Fi

• Cell Tower

IP Geolocation• Widely available

• Detection happens server-side

• Only accurate to the city-level

• Only in the right state 85% of the time

• Costly

• Produces false positives

IP Geolocation

• 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

Vendors

10 m20 m

1000 m

GPSWi-Fi

Cell Tower

Triangulation

GPS• Accurate after it gets a fix

• Highly accurate in rural area

• Doesn’t work indoors

• Difficulty with Urban Canyons

• Long Time to First Fix

Wi-Fi Triangulation

Wi-Fi Positioning (WPS)• Accurate

• Works indoors and in Urban Areas

• Quick Time to First Fix

• Software-only, leverages existing Wi-Fi

• Doesn’t work well in rural areasCons

• 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>

Cell Triangulation• Works where there is cell coverage (most

areas)

• Quick Time to First Fix

• Software-only, leverages existing cellular radio

• Very inaccurateCons

short answerhyrbid is the way

W3C Geolocation API

... shut up and get to the code

Single shot lookup

navigator.geolocation.getCurrentPosition(function(pos){

//show map at (pos.coords.latitude, pos.coords.longitude)

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;

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);

PositionError Objectinterface 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;

Single shot lookup w/ callbacks & options

navigator.geolocation.getCurrentPosition(showMap, showError,

{enableHighAccuracy:true});

PositionOptions

interface PositionOptions {

attribute boolean enableHighAccuracy;

attribute long timeout;

attribute long maximumAge;

Single shot lookup w/ cached position

navigator.geolocation.getCurrentPosition(showMap, showError,

{maximumAge:300000, timeout:0});

Periodic lookup w/ callbacks

function moveMap(pos) {

//update map to pos.coords.latitude, pos.coords.longitude

// Track location with periodic updates

watchId = navigator.geolocation.watchPosition(moveMap, showError);

function stopTracking() {

navigator.geolocation.clearWatch(watchId);

Upcoming Geo Events• Where 2.0

San Jose, CAMay 19th - 21st

• WhereCampSan Francisco, CAMay 23rd - 24th

Questions?tweet @rsarver with questions as well

W3C Geolocation API - Making Websites Location-aware

Technology

Geolocation Now

Crowdsourcing Router Geolocation - RIPE 80 · Crowdsourcing Router Geolocation Emile Aben emile.aben@ripe.net. Emile Aben - SEE3 - 2014-04-15 Router Geolocation?

Geolocation for enterprises

Geolocation & Tagging

Geolocation Marketing

Geolocation over WFP

Geolocation Presention

W3C Workshop Simdat v2 - World Wide Web Consortium (W3C)

Internet Geolocation

Geolocation Mobile

Wireless Geolocation

2011 Geolocation Bill

W3C Value Proposition - Ontos/W3C Event May 22, 2014

Geolocation Fun

HTML 5 Geolocation

Time for a Little R&R (Revenue and Reviews) A Focus on Geolocation websites: FourSquare, Urbanspoon, Yelp, etc

Geolocation media training

Rentcycle geolocation

Lecture 6 geolocation

Virtual Reality @W3C - VRIF › wp-content › uploads › VRSTD-03-W3C... · W3C Workshop on Web & Virtual Reality W3C Workshop on WebVR Authoring: ... Formats, Vocabularies, APIs