Get location

by Dennis Betman

HTML

<button id="button">Get location</button>

<p id="demo"></p>

<iframe id="maps" width="600" height="250" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src=""></iframe>

JavaScript

function getLocation() {
  if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(showPosition);
  } else {
      $("#demo").html("Geolocation is not supported by this browser.");
      alert("next3");
  }
}

function showPosition(position) {
alert("next4");
    $("#demo").html("Lat: " + position.coords.latitude + "<br>Long: " + position.coords.longitude);
    $("#maps").attr('src', 'https://maps.google.com/maps?q='+ position.coords.latitude +','+ position.coords.longitude +'&hl=nl;z=14&output=embed');

    $.ajax({ url:'https://maps.googleapis.com/maps/api/geocode/json?latlng='+ position.coords.latitude +','+ position.coords.longitude +'&sensor=true',
         success: function(data){
             alert(data.results[0].formatted_address);
             /*or you could iterate the components for only the city and state*/
          }
    });
}



$(document).ready(function(){
  $("#button").on('click', function(){
  	alert("dwa");
    getLocation();
  });
});