На некоторых страницах ошибка типа: «google.maps.places» не определена. На главной странице работает корректно ⇐ Jquery

[Anonymous]

Обнаружена проблема с API Google Maps Places: он работает правильно на главной странице, но выдает ошибку типа «google.maps.places» не определен на некоторых других страницах. При проверке консоли дополнительных ошибок не обнаружено.
Вот мой код.

Код: Выделить всё

$(document).ready(function(){
function initAutocomplete() {
$('.map-location').each(async(index, input) => {

var autocomplete = await new google.maps.places.Autocomplete(input);
autocomplete.addListener('place_changed', function() {
var place = autocomplete.getPlace();
if (!place.geometry) {
window.alert("No details available for input: '" + place.name + "'");
return;
}
var latitude = place.geometry.location.lat();
var longitude = place.geometry.location.lng();
$('input[name="latitude"]').val(latitude);
$('input[name="longitude"]').val(longitude);
console.log("Latitude: " + latitude + ", Longitude: " + longitude);
});
});
}

initAutocomplete();
});

На некоторых страницах, когда я пытаюсь получить широту и долготу на основе автозаполнения поиска в Google Maps Places API для поля ввода с именем «местоположение», я сталкиваюсь с проблемой. Хотя на главной странице он работает правильно, на других страницах он выдает ошибку TypeError, сообщающую, что значение «google.maps.places» не определено.

Подробнее здесь: https://stackoverflow.com/questions/783 ... ndefined-i