Not able to access current location using simple HTML code

Question

I have written the following code to access my location, but this code is not showing my current location.

What are the changes that I need to make. Because I am a beginner and I don't know much.

Thank you in advance.

<body>
    <a href="#" id="get_location">Get location</a>
    <div id="map">
        <iframe id="google_map" width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.in?output=embed"></iframe> 
    </div>
    <script>
        var c= function(pos)
        {
            var lat= pos.coords.latitude, long= pos.coords.longitude, coords= lat + ',' + long;
            document.getElementById('google_map').setAttribute('src','https://maps.google.co.in/?q=' + coords + '&z=60&output=embed');
        }
        document.getElementById('get_loaction').onclick = function()
        {   
            navigator.geolocation.getCurrentPosition(c);
            return false;
        }
    </script>
</body>

https://stackoverflow.com/questions/6797569/get-city-name-using-geolocation Please check this. — xxCodexx, Mar 15 '18 at 07:48
Check this https://www.w3schools.com/html/tryit.asp?filename=tryhtml5_geolocation — Prabaharan Rajendran, Mar 15 '18 at 07:51

score 0 · Answer 1 · answered Mar 15 '18 at 07:57

First, you need to check if browser support Geolocation :

// check for Geolocation support
if (navigator.geolocation) {
   console.log('Geolocation is supported!');
     navigator.geolocation.getCurrentPosition(function(position) {

        // Get the coordinates of the current possition.
        // here u got your location Latitude & Longitude
        var lat = position.coords.latitude;
        var lng = position.coords.longitude;
     }
}
else {
   console.log('Geolocation is not supported for this Browser/OS.');
}

There is a really good example here: https://jsfiddle.net/ubrvm4ao/672/

Not able to access current location using simple HTML code

1 Answers1