Javascript google maps loaded

Javascript google maps loaded

13 октября 2021 г. мы отключили сервис, предоставляющий модуль Maps для google.load . Начиная с этой даты при попытке использования модуля Maps в google.load карта загружаться не будет, а вы получите сообщение о том, что модуль не поддерживается. Во избежание неполадок выполните инструкции, приведенные в этой статье.

Что нужно сделать

Удалите тег , вызывающий загрузчик google.load , и вызовы метода google.load . Если вы используете Google Loader для других целей, то можете оставить тег загрузчика на месте.

Затем реализуйте новый способ загрузки Maps JavaScript API (один из следующих вариантов):

Пример текущего использования загрузчика Google Loader

В примере ниже показано, как Google Loader используется для загрузки Maps JavaScript API (обратите внимание на два блока ):

Вариант «до»

Встроенная загрузка с помощью тега (рекомендуется)

Maps JavaScript API загружается одновременно с загрузкой страницы. Чтобы реализовать встроенную загрузку, сначала замените тег , загружающий www.google.com/jsapi (вариант «до»), тегом из примера ниже:

Затем удалите из кода javascript вызов функции google.load (она больше не нужна). В следующем примере функция initMap() с пустым значением вызывается после успешной загрузки библиотеки Maps:

Динамическая загрузка из другого файла JavaScript

Этот способ позволяет контролировать время загрузки Maps JavaScript API. Например, вы можете отложить загрузку, пока пользователь не нажмет кнопку или не выполнит другое действие. Чтобы реализовать динамическую загрузку, сначала замените тег , загружающий www.google.com/jsapi (вариант «до»), кодом для программного добавления тега , как показано в следующем примере:

var script = document.createElement('script'); script.src = 'https://maps.googleapis.com/maps/api/js?libraries=places,visualization&key=YOUR_API_KEY&v=weekly&callback=initMap'; script.async=true; 

Затем добавьте свою функцию обратного вызова к объекту окна:

Наконец, добавьте тег в заголовок страницы:

document.head.appendChild(script); 

Если не указано иное, контент на этой странице предоставляется по лицензии Creative Commons «С указанием авторства 4.0», а примеры кода – по лицензии Apache 2.0. Подробнее об этом написано в правилах сайта. Java – это зарегистрированный товарный знак корпорации Oracle и ее аффилированных лиц.

Последнее обновление: 2023-06-21 UTC.

Источник

Javascript google maps loaded

13 октября 2021 г. мы отключили сервис, предоставляющий модуль Maps для google.load . Начиная с этой даты при попытке использования модуля Maps в google.load карта загружаться не будет, а вы получите сообщение о том, что модуль не поддерживается. Во избежание неполадок выполните инструкции, приведенные в этой статье.

Что нужно сделать

Удалите тег , вызывающий загрузчик google.load , и вызовы метода google.load . Если вы используете Google Loader для других целей, то можете оставить тег загрузчика на месте.

Затем реализуйте новый способ загрузки Maps JavaScript API (один из следующих вариантов):

Пример текущего использования загрузчика Google Loader

В примере ниже показано, как Google Loader используется для загрузки Maps JavaScript API (обратите внимание на два блока ):

Вариант «до»

Встроенная загрузка с помощью тега (рекомендуется)

Maps JavaScript API загружается одновременно с загрузкой страницы. Чтобы реализовать встроенную загрузку, сначала замените тег , загружающий www.google.com/jsapi (вариант «до»), тегом из примера ниже:

Затем удалите из кода javascript вызов функции google.load (она больше не нужна). В следующем примере функция initMap() с пустым значением вызывается после успешной загрузки библиотеки Maps:

Динамическая загрузка из другого файла JavaScript

Этот способ позволяет контролировать время загрузки Maps JavaScript API. Например, вы можете отложить загрузку, пока пользователь не нажмет кнопку или не выполнит другое действие. Чтобы реализовать динамическую загрузку, сначала замените тег , загружающий www.google.com/jsapi (вариант «до»), кодом для программного добавления тега , как показано в следующем примере:

var script = document.createElement('script'); script.src = 'https://maps.googleapis.com/maps/api/js?libraries=places,visualization&key=YOUR_API_KEY&v=weekly&callback=initMap'; script.async=true; 

Затем добавьте свою функцию обратного вызова к объекту окна:

Наконец, добавьте тег в заголовок страницы:

document.head.appendChild(script); 

Если не указано иное, контент на этой странице предоставляется по лицензии Creative Commons «С указанием авторства 4.0», а примеры кода – по лицензии Apache 2.0. Подробнее об этом написано в правилах сайта. Java – это зарегистрированный товарный знак корпорации Oracle и ее аффилированных лиц.

Последнее обновление: 2023-06-21 UTC.

Источник