Исправлено: эта страница не может правильно загружать карты Google

Как



Попробуйте наш инструмент устранения неполадок

Google Maps - это картографический веб-сервис, который предоставляет географические регионы и дорожные карты для любой точки мира. Однако некоторые владельцы веб-сайтов получают сообщение об ошибке « Эта страница не может правильно загружать карты Google »Вместо загрузки карты Google. Эта ошибка также может отображаться как « Эта страница неправильно загрузила Карты Google. Технические подробности см. В консоли JavaScript. ».



Ой! Что-то пошло не так - эта страница неправильно загрузила карты Google



Заметка: Это решение предназначено для владельцев веб-сайтов, а не для обычных пользователей.



Что вызывает неправильную загрузку Карт Google?

Google Map плагины отлично работали бы без ошибок, но за последние несколько лет все изменилось, когда Google изменил свои правила для веб-сайтов со встроенными картами. Раньше владельцы веб-сайтов могли выполнять эту работу, просто используя встроенный код, но теперь им требуется ключ API для правильной работы Google Map. Если у вас уже есть ключ API, вы можете просмотреть вкладку «Проверить элемент -> Консоль» в Chrome, чтобы узнать точную причину, по которой Google не разрешает использование Карт на вашем сайте. Это может быть связано с неправильным ключом, ограничением ключа и т. Д.

Добавьте Google API Key в настройки вашего сайта

Чтобы Google Map работал для вашего проекта или веб-сайта, вам необходимо создать ключ Google API и добавить его в настройках вашего сайта. Вам необходимо войти в Google Developers, чтобы создать ключ и устранить любые другие ошибки.

Если вы вручную вставили скрипт для карт, тогда он должен быть следующим с вашим API-ключом вместо YOUR_API_KEY



  асинхронный отложить srcзнак равно'https://maps.googleapis.com/maps/api/js?key=ВАШ_API_KEY& callback = initMap 'типзнак равно'текст / javascript'>

Поскольку WordPress - самая популярная CMS, ее используют более 172 миллионов веб-сайтов; мы продемонстрируем шаги только для WordPress.

  1. Перейдите в настройки плагина, в зависимости от того, что вы используете для Google Maps, и у него должна быть возможность добавить ключ API. Если его нет, вы, вероятно, используете старую версию плагина или устаревший плагин.

    Плагины Google API в WordPress

  2. Не закрывайте настройки ключа API на вашем Сайт WordPress .
  3. Идти к Google Cloud Resource Manager
  4. Войдите в Google, если еще не вошли в систему
  5. Нажмите « Создать проект », Назовите проект и нажмите« Создайте '

    Создание проекта

  6. Идти к API включения Google страница в Интернете.
  7. Нажмите « Выберите проект »Вверху, затем выберите только что созданный новый проект и Продолжить
  8. Нажмите ' Включить API и сервисы '
  9. Искать ' Maps JavaScript API ”И откройте его
  10. Затем нажмите « включить Кнопка

    Включение API для проекта

  11. Щелкните меню навигации, выберите « API и сервисы 'И перейдите к' Полномочия '
  12. В раскрывающемся списке «Создать учетные данные» выберите « Ключ API '
    Запись : Вы можете сделать это ключом ограничения для предотвращения несанкционированного использования, если хотите
  13. Нажмите « Закрыть ”Затем нажмите на созданный ключ
  14. Выбрать ' HTTP-рефереры ”В Ограничениях приложений
  15. Добавьте URL своего веб-сайта и нажмите « Сохранить '
  16. Теперь скопируйте ключ и вернитесь на сайт WordPress.

    Создание ключа API для сайта

  17. Прокрутите вниз под левой панелью и перейдите к « Настройки '
  18. Вы найдете вариант для « КЛЮЧ API Google », Откройте его и вставьте туда ключ.
  19. Сохраните настройки, перейдите на свою страницу и обновите ее.

Заметка: Убедитесь, что ваш биллинг включен, потому что Google разрешает только 300 долларов на счет или 12 месяцев бесплатного использования (в зависимости от того, что уменьшится быстрее). После этого необходимо настроить и внедрить биллинг.

2 минуты на чтение