Если данный туториал не то, что Вы искали, у Вас все еще остались вопросы или предложения - дайте нам знать. Пожалуйста, помогите нам обслуживать Вас лучше!

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

Новые шаблоны

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

Из этого туториала Вы узнаете, как устранить ошибку ‘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

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

  1. Перейдите на сайт https://developers.google.com/maps/documentation/javascript/get-api-key и создайте ключ авторизации, нажав на кнопку ‘Получить ключ’ (Get a Key);

    JS_Animated_Troubleshooter_Google_maps_do_not_show_up_1
  2. Выберите опцию ‘Создать проект’ (Create a project) и нажмите на кнопку ‘Продолжить’;

    JS_Animated_Troubleshooter_Google_maps_do_not_show_up_2
  3. Укажите нужные детали: Название (Name), Электронный адрес сайта (Website URL) и нажмите на кнопку ‘Создать’ (Create);

    JS_Animated_Troubleshooter_Google_maps_do_not_show_up_3
  4. Скопируйте ваш новый ключ API:

    JS_Animated_Troubleshooter_Google_maps_do_not_show_up_4
  5. Откройте файл /js/script.js на вашем сервере;

  6. Найдите скрипт Google Карты, как правило, он выглядит как строка ниже:

    $.getScript("//maps.google.com/maps/api/js?sensor=false&libraries=geometry,places&v=3.7"
  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"
  8. Обновите ваш сайт. Google Карты теперь должны отображаться должным образом:

    JS_Animated_Troubleshooter_Google_maps_do_not_show_up_5
 
Чат
We help you to choose the right product.
Начать чат