getLocation Demo

by Adi Jaya

HTML

<button onclick="test();">test()</button>

<p id="info-lat"></p>
<p id="info-long"></p>

JavaScript

var lat,long;

function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showLocation);
  } else { 
    alert( "not supported");
  }
}
getLocation();
function showLocation(position) {
  	lat = position.coords.latitude;
  	long = position.coords.longitude;
}

function getLat(){
	if( lat !== null ){
		return lat;
	}
}

function getLong(){
	if( long !== null ){
		return long;
	}
}


function test(){
  	
  	navigator.permissions.query({name:'geolocation'}).then(function( result ) {
      	if (result.state == 'granted') {
            document.getElementById( "info-lat" ).innerHTML = "Lat = " + getLat();
            document.getElementById( "info-long" ).innerHTML = "Lat = " + getLong();
        }
      	//more code
    });
}