<button onclick="geoFindMe()">Show my location</button><br /> <div id="out"> </div> <script> function geoFindMe() { var output = document.getElementById("out"); if (!navigator.geolocation){ output.innerHTML = "<br /> Geolocation is not supported by your browser<br /> "; return; } function success(position) { var latitude = position.coords.latitude; var longitude = position.coords.longitude; output.innerHTML = '<br /> Latitude is ' + latitude + '° <br />Longitude is ' + longitude + '°<br /> '; var img = new Image(); img.src = "https://maps.googleapis.com/maps/api/staticmap?center=" + latitude + "," + longitude + "&zoom=13&size=300x300&sensor=false"; output.appendChild(img); } function error() { output.innerHTML = "Unable to retrieve your location"; } output.innerHTML = "<br /> Locating…<br /> "; navigator.geolocation.getCurrentPosition(success, error); } </script>