var gpaInput = document.getElementById("google-map");
var autocomplete = new google.maps.places.Autocomplete(gpaInput, {
types: ['(cities)'],
fields: ['address_components', 'geometry.location'],
componentRestrictions: {
country: ["us", "ca"]
}
});
google.maps.event.addListener(autocomplete, 'place_changed', function () {
const place = autocomplete.getPlace();
const addressComponent = place?.address_components;
const province = addressComponent?.find(components =>
components?.types?.includes('administrative_area_level_1')
)?.short_name;
const city = addressComponent?.find(components =>
components?.types?.includes('locality')
)?.short_name;
const countryCode = addressComponent?.find(component =>
component?.types?.includes('country')
)?.short_name;
const location = place?.geometry?.location;
document.getElementById('lat').value = location.lat();
document.getElementById('lng').value = location.lng();
document.getElementById('city').value = city;
document.getElementById('province').value = province;
document.getElementById('country').value = countryCode;
});