How do I save google places location to django models? - django

Question

I am trying to create an app that relies heavily on location. I am using google maps places api to allow users to select a location and add it to the database. My current issue is that I can't seem to figure out how to save the location from the google maps places JavaScript api to the database. For example Suzy chooses a store and wants to save the store and it's location to the database. I can't seem to figure out how to save the store location to the database. Any idea on how to do this?

Answer 1

One way is to save the longitude and latitude because they can denote the exact location globally, you can add fields something like
long = DecimalField(max_digits=9, decimal_places=6)
lat = DecimalField(max_digits=9, decimal_places=6)
Since decimals are very important in coordinates but using more than 6 is basically meaningless.
Get the longitude and latitude with geolocation() see this
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, make more fields like street address, city in db and pass it to inputs and submit the form to save it.
});
}