25.02.2013 Views

Peter Lubbers - Pro HTML 5 Programming

Pro HTML 5 Programming

Pro HTML 5 Programming

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

108<br />

CHAPTER 4 ■ USING THE <strong>HTML</strong>5 GEOLOCATION API<br />

The Final Code<br />

The full code sample is shown in Listing 4-14.<br />

Listing 4-14. Complete distance tracker code<br />

<br />

<br />

<strong>HTML</strong>5 Geolocation Odometer<br />

<strong>HTML</strong>5 Geolocation Distance Tracker<br />

<strong>HTML</strong>5 Geolocation is not supported in your browser.<br />

Current Position:<br />

<br />

<br />

Latitude<br />

?<br />

<br />

<br />

Longitude<br />

?<br />

<br />

<br />

Accuracy<br />

?<br />

<br />

<br />

Last Timestamp<br />

?<br />

<br />

<br />

Current distance traveled: 0.0 km<br />

Total distance traveled: 0.0 km<br />

<br />

var totalDistance = 0.0;<br />

var lastLat;<br />

var lastLong;<br />

function toRadians(degree) {<br />

return degree * Math.PI / 180;<br />

}<br />

function distance(latitude1, longitude1, latitude2, longitude2) {<br />

// R is the radius of the earth in kilometers<br />

var R = 6371;

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!