Статьи по: Редактор
Эта статья также доступна на:

Google Карта не отображается на опубликованном сайте

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

1. Проверьте, что вы добавили ключ API



Для того, чтобы Карта работала, вам обязательно нужно добавить к ней ключ API. Если вы этого ещё не сделали, то вам помогут инструкции Добавление ключа API к Google Карте.

2. Проверьте ошибки в Консоли



Иногда, даже если ключ API был добавлен правильно, Карта может не работать. Причиной этому чаще всего является ошибка платежей на стороне Google или отсутствующая авторизация. Вот как вы можете узнать, какая проблема именно с вашей Картой.

Откройте свой сайт.
Откройте Инструменты разработчика в браузере. Если вы используете Chrome, нажмите на 3 точки в верхнем правом углу, выберите Дополнительные инструменты, а затем Инструменты разработчика:



Откройте вкладку Console:



Найдите ошибку для Google Карты. Обычно в Консоли есть название ошибки и ссылка на документацию от Google, которая подсказывает, как её решить. Например, на изображении ниже вы можете увидеть, что ошибка называется ReferrerNotAllowedMapError. Если вы нажмёте на ссылку под ошибкой, то она приведёт на ресурс https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error



Следуйте подсказкам от Google Карт, чтобы решить проблему.

Если же проблема остаётся, то обязательно свяжитесь с нами в чате.

Обновлено на: 05/12/2023

Была ли эта статья полезна?

Поделитесь своим отзывом

Отменить

Спасибо!