darkterminal/geolocation.html

## geolocation.html
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Geolocation</title>
</head>
<body>

	<button type="button" onclick="tryGeolocation()">Geolocation</button>
	<script>
	  var apiGeolocationSuccess = function(position) {
	      alert("API geolocation success!\n\nlat = " + position.coords.latitude + "\nlng = " + position.coords.longitude);
	  };

	  var tryAPIGeolocation = function() {
	      jQuery.post( "https://www.googleapis.com/geolocation/v1/geolocate?key=AIzaSyDCa1LUe1vOczX1hO_iGYgyo8p_jYuGOPU", function(success) {
	          apiGeolocationSuccess({coords: {latitude: success.location.lat, longitude: success.location.lng}});
	    })
	    .fail(function(err) {
	      alert("API Geolocation error! \n\n"+err);
	    });
	  };

	  var browserGeolocationSuccess = function(position) {
	      alert("Browser geolocation success!\n\nlat = " + position.coords.latitude + "\nlng = " + position.coords.longitude);
	  };

	  var browserGeolocationFail = function(error) {
	    switch (error.code) {
	      case error.TIMEOUT:
	        alert("Browser geolocation error !\n\nTimeout.");
	        break;
	      case error.PERMISSION_DENIED:
	        if(error.message.indexOf("Only secure origins are allowed") == 0) {
	          tryAPIGeolocation();
	        }
	        break;
	      case error.POSITION_UNAVAILABLE:
	        alert("Browser geolocation error !\n\nPosition unavailable.");
	        break;
	    }
	  };

	  var tryGeolocation = function() {
	    if (navigator.geolocation) {
	      navigator.geolocation.getCurrentPosition(
	          browserGeolocationSuccess,
	        browserGeolocationFail,
	        {maximumAge: 50000, timeout: 20000, enableHighAccuracy: true});
	    }
	  };
	</script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Geolocation</title>
	</head>
	<body>

	<button type="button" onclick="tryGeolocation()">Geolocation</button>
	<script>
	var apiGeolocationSuccess = function(position) {
	alert("API geolocation success!\n\nlat = " + position.coords.latitude + "\nlng = " + position.coords.longitude);
	};

	var tryAPIGeolocation = function() {
	jQuery.post( "https://www.googleapis.com/geolocation/v1/geolocate?key=AIzaSyDCa1LUe1vOczX1hO_iGYgyo8p_jYuGOPU", function(success) {
	apiGeolocationSuccess({coords: {latitude: success.location.lat, longitude: success.location.lng}});
	})
	.fail(function(err) {
	alert("API Geolocation error! \n\n"+err);
	});
	};

	var browserGeolocationSuccess = function(position) {
	alert("Browser geolocation success!\n\nlat = " + position.coords.latitude + "\nlng = " + position.coords.longitude);
	};

	var browserGeolocationFail = function(error) {
	switch (error.code) {
	case error.TIMEOUT:
	alert("Browser geolocation error !\n\nTimeout.");
	break;
	case error.PERMISSION_DENIED:
	if(error.message.indexOf("Only secure origins are allowed") == 0) {
	tryAPIGeolocation();
	}
	break;
	case error.POSITION_UNAVAILABLE:
	alert("Browser geolocation error !\n\nPosition unavailable.");
	break;
	}
	};

	var tryGeolocation = function() {
	if (navigator.geolocation) {
	navigator.geolocation.getCurrentPosition(
	browserGeolocationSuccess,
	browserGeolocationFail,
	{maximumAge: 50000, timeout: 20000, enableHighAccuracy: true});
	}
	};
	</script>
	</body>
	</html>