<!DOCTYPE html> <html> <head> <title>Geolocation Demo</title> <script> var x=document.getElementById("demo"); function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition,showError); } else{x.innerHTML="Geolocation is not supported by this browser.";} } function showPosition(position) { var latlon=position.coords.latitude+","+position.coords.longitude; var img_url="http://maps.googleapis.com/maps/api/staticmap?center=" +latlon+"&zoom=14&size=400x300&sensor=false"; document.getElementById("mapholder").innerHTML="<img src='"+img_url+"'>"; } function showError(error) { switch(error.code) { case error.PERMISSION_DENIED: x.innerHTML="User denied the request for Geolocation." break; case error.POSITION_UNAVAILABLE: x.innerHTML="Location information is unavailable." break; case error.TIMEOUT: x.innerHTML="The request to get user location timed out." break; case error.UNKNOWN_ERROR: x.innerHTML="An unknown error occurred." break; } } </script> </head> <body> <p id="demo"><font size="7" face="Georgia, Arial" color="maroon">Find Your Current Location In Map</font></p> <script language="JavaScript"> getLocation(); </script> <div id="mapholder"></div> </body> </html>
output below:
----------------------------------------
Using HTML5 Geolocation to show current location with Google
How To Use HTML5 GeoLocation API With Google Maps
HTML5 Geolocation API Tutorial Latitude/Longitude API
How to find nearby hospitals using google map api and javascript
javascript - Easiest way to get city name using geolocation?
Build a Location-Based Mobile App With HTML5 and Javascript
Find Your Current Location In Map
