HTML5 Geolocation Data

HTML5 gives you the ability to capture the geolocation information from the browser of your visitor. They will be prompted to allow the access, but after they grant it – the information shown below will become available to your JavaScript application.

Your Geolocation Data:


function GeoSuccess(position) {
  var latitude = position.coords.latitude;
  var longitude = position.coords.longitude;
  var accuracy = position.coords.accuracy
  var altitude = position.coords.altitude;
  var altitudeAccuracy = position.coords.altitudeAccuracy;
  var heading = position.coords.heading;
  var speed = position.coords.speed;
 	document.getElementById('pre').innerHTML = "Latitude: "+latitude+"<br />Longitude: "+longitude+"<br />Accuracy: "+accuracy+"<br />Altitude: "+altitude+"<br />AltitudeAccuracy: "+altitudeAccuracy+"<br />Heading: "+heading+"<br />Speed: "+speed; 
function error(msg) {
  error('There was an error pulling your location');
if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(GeoSuccess, error);
} else {
  error('Geolocation not supported');
Flatlogic Admin Templates banner