How to get current location in google map for web

Question

I am new to this API. I generated api key but I don't know how to implement google map.

I searched a lot but nothing is working for me. I need help in finding users or device current location.

I need to display google map in my website with pointing to the current location of the device using angularjs.

Can anyone please suggest me how to get current location in google map or any tutorial where can I get code.

Answer 1

to get the current position you need to take location from the navigator itself with simple html5 geolocation code

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


var x = document.getElementById("demo");
function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
    } else {
        x.innerHTML = "Geolocation is not supported by this browser.";
    }
}
function showPosition(position) {
    x.innerHTML = "Latitude: " + position.coords.latitude + 
    "<br>Longitude: " + position.coords.longitude; 
}

after getting this location pass it on the map, your current location will be displayed