Как использовать API Google Map в сценарии "src" JavaScript

Question

Я использую Google Map API в моем index.html:

    <script src="https://maps.googleapis.com/maps/api/js?key=MY_KEY&libraries=places&callback=initAutocomplete" async defer></script>

Я могу использовать Google Map с google.maps объектом в моем index.html

Но я не могуиспользуйте google.maps объект в моем скрипте <script src="myscript.js"></script>.Как я могу использовать это?

Answer 1

Библиотеки Google Maps загружаются асинхронно, поэтому они могут быть не полностью загружены к моменту выполнения файла myscript.js.

Параметр callback в URL для библиотеки Google Maps позволяет вамукажите функцию, которая будет выполняться при загрузке библиотеки, поэтому вы должны обернуть свой код в эту функцию.

В вашем примере функция обратного вызова называется initAutocomplete, поэтому вы должны обернуть свой код инициализации в глобальную функцию.с таким именем:

window.initAutocomplete = function() {
    // You can use google.maps here
}

В этом случае вы должны включить myscript.js перед библиотекой Google Maps, чтобы была доступна функция обратного вызова.