How to use google maps api to get user location in django? - django

Question

I am working on a django project and need to get the user location, what I trying is either user can enter his city manually or click on locate button that will automatically finds its location and fill the city.
I tried GeoIP but it is not sufficient, is it possible with Google maps api ?
If not then how some websites automatically fills my location like - movie ticket booking, hotel booking websites ?
If you can tell me a feasible solution of what I want to achieve is ?

Answer 1

I used GeoLocation to get the longitude and latitude, then with google api I fetch the street-address,city, state, country, etc.
here is the code that I used -
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
x.innerHTML = "Geolocation is not supported by this browser.";
}
}
function showPosition(position) {
let lat = position.coords.latitude;
let long = position.coords.longitude;
$("input[name='lat']").val(lat);
$("input[name='lat']").val(long);
let url_str = 'https://maps.googleapis.com/maps/api/geocode/json?latlng='+lat+','+long+'&key=yourkey'
$.getJSON(url_str, function(data) {
console.log(data);
//here you get the location data, like street address, city and pass it to inputs and submit the form to save it.
});
}