Google Карта не відображається на опублікованому сайті
Google Карта це сторонній сервіс, який дозволяє показувати розташування вашого бізнесу і взаємодіяти з картою на вашому сайті. Ви можете додати елемент Карти майже в будь-який блок на сайті. Якщо ви помітили, що цей елемент працює не так, як задумано, ця стаття допоможе вирішити всі найчастіші проблеми.
Для того, щоб Карта працювала, вам обов'язково потрібно додати до неї ключ API. Якщо ви цього ще не зробили, то вам допоможе інструкція Додавання ключа API до Карти Google.
Іноді, навіть якщо ключ API був доданий правильно, Карта може не працювати. Причиною цього може бути помилка платежів на стороні Google або відсутня авторизація. Ось як ви можете дізнатися, яка проблема саме з вашої Картою.
Відкрийте свій сайт.
Відкрийте інструменти розробника в браузері. Якщо ви використовуєте Chrome, натисніть на 3 точки в верхньому правому куті, виберіть Інші інструменти, а потім Інструменти розробника:

Відкрийте вкладку Console:

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

Дотримуйтесь підказок від 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
Дякуємо!