GEO Location Test

by Good Muyis

HTML

<button id="find-me">Show my location</button><br />
<p id="status"></p>
<p id="map-link" target="_blank"></p>

JavaScript

/* console.log("SAY...............");
navigator.geolocation.getCurrentPosition(function(location) {
  console.log(location);
  console.log("SAY...............AWWW");
  console.log("MY LAT = "+location.coords.latitude);
  console.log("MY long = "+location.coords.longitude);
  console.log("Data Accu = "+location.coords.accuracy);
}); */

$('document').ready(function() {
	geoFindMe();
});

function geoFindMe() {
  function success(position) {
    const latitude = position.coords.latitude;
    const longitude = position.coords.longitude;
    console.log(latitude,longitude)
    geocode(`${latitude},${longitude}`);
  }
  function error() {
    console.log('Unable to retrieve your location, ');
  }

  if (!navigator.geolocation) {
    console.log('Geolocation is not supported by your browser');
  } else {
    console.log('Locating…');
    navigator.geolocation.getCurrentPosition(success, error);
  }
}


// load jQuery from a CDN or your server
function geocode(query) {
  $.ajax({
    url: 'https://api.opencagedata.com/geocode/v1/json',
    method: 'GET',
    data: {
      'key': '21a516f00e1e4249b8388d8db5fbc4ee',
      'q': query,
      'no_annotations': 1
    },
    dataType: 'json',
    statusCode: {
      200: function(response) { // success
        console.log(response.results[2]);
        console.log(response.results[0].formatted);
      },
      402: function() {
        console.log('API MAX OUT ');
      }
    }
  });
}