JS Animated. Решение проблем. Google Карты не отображаются (проблема с ключом API)

Daniel Morales Июль 13, 2016

Rating: 5.0/5. From 2 votes.

Please wait...

Из этого туториала Вы узнаете, как устранить ошибку ‘This page was unable to display a Google Maps element’ в JS-анимированных шаблонах.

Google анонсировал изменения в ограничениях авторизации и использования Google Maps API.

Теперь, для использования Google Maps API необходим ключ. Если Вы используете Google Maps API на локальном сервере или ваш домен был не активен до 22 июня 2016, Вам потребуется ключ. Вот почему отображается такая ошибка.

JS_Animated_Troubleshooter_Google_maps_do_not_show_up_0

Для того чтобы решить проблему, следуйте таким инструкциям:

Перейдите на сайт https://developers.google.com/maps/documentation/javascript/get-api-key и создайте ключ авторизации, нажав на кнопку ‘Получить ключ’ (Get a Key);
Выберите опцию ‘Создать проект’ (Create a project) и нажмите на кнопку ‘Продолжить’;
Укажите нужные детали: Название (Name), Электронный адрес сайта (Website URL) и нажмите на кнопку ‘Создать’ (Create);
Скопируйте ваш новый ключ API:
Откройте файл /js/script.js на вашем сервере;
Найдите скрипт Google Карты, как правило, он выглядит как строка ниже:
```
$.getScript("//maps.google.com/maps/api/js?sensor=false&libraries=geometry,places&v=3.7"
```
Добавьте следующую строку в конец скрипта:
```
&key=API_KEY
```
Где API_KEY — это ваш новый ключ API. Результат должен быть следующим:
```
$.getScript("//maps.google.com/maps/api/js?sensor=false&libraries=geometry,places&v=3.7&key=AIzaSyDLCIQpVKxu47BRLu8tMtG70pk_Zro3_44"
```
Обновите ваш сайт. Google Карты теперь должны отображаться должным образом: