Читати статтю
З 2019 року робота сервісу Google Maps без API ключа більше не підтримується. Якщо на сайті з’являється помилка при завантаженні карти та напис For development purposes only, потрібно отримати Google Maps API Key.
Використання Google Maps API стало платним, але діють умови: щомісяця надається безкоштовний ліміт у 200$, і якщо його не перевищувати, сервіс залишається безкоштовним. Проте для доступу до всіх функцій необхідно прив’язати платіжний акаунт із кредитною карткою.
Кроки для отримання Google Maps API Key
- Для отримання Google Maps API Key потрібен обліковий запис Google. Створити його можна безкоштовно, натиснувши відповідну кнопку. У більшості користувачів акаунт Google вже є, тому можна переходити далі.
- Заходимо на платформу https://cloud.google.com/maps-platform/ і натискаємо «Get Started». У вікні вибираємо «Maps» («Карти») та підтверджуємо дію кнопкою «Continue» («Продовжити»).
- Якщо ключ API створюється вперше, потрібно додати проект. Вводимо його назву, погоджуємося з умовами, натискаємо Yes і завершуємо дію кнопкою «Next» у правому нижньому кутку.
4. Наступним кроком потрібно активувати систему оплати для роботи Google Maps API, створивши платіжний акаунт. Це необхідно навіть для використання безкоштовних лімітів. Якщо ви не бажаєте підключати основну картку, можна оформити у банку віртуальну карту, поповнити її на суму близько 1$, і саме її використати для підтвердження. Такий варіант зручний, адже дозволяє контролювати витрати та уникати ризиків, пов’язаних із використанням основної картки.
5. Далі потрібно вибрати країну, погодитися з умовами використання сервісу та натиснути «Прийняти і продовжити». Це стандартна процедура, яка дозволяє системі Google Maps коректно визначати регіональні налаштування та застосовувати відповідні правила використання.
6. На етапі «Крок 2 з 2» у формі Google карти вводимо власні дані у відповідні поля. Це можуть бути ім’я, адреса електронної пошти та інші контактні дані. Нижче наведено приклад заповнення, який допоможе уникнути помилок. Важливо вводити актуальну інформацію, адже вона використовується для підтвердження акаунта та надсилання повідомлень про використання API.
Вводимо дані кредитної картки для Google карти: номер, термін дії, CVV, контактну особу та телефон.
Далі натискаємо «Почати безкоштовний пробний період», після чого Google карти перевіряє картку: списує 1$ і повертає його через певний час. Коли платіжний акаунт активовано, щомісяця на нього нараховуються безкоштовні ліміти використання карт.
Після цього ви отримаєте Google Maps API ключ, який слід скопіювати та зберегти для подальшого використання.
7. Тепер потрібно для вашого Google Maps API ключа встановити обмеження, щоб у разі потрапляння до сторонніх осіб він був недійсним. Заходимо в розділ «ЗАХИСТИТИ ОБЛІКОВІ ДАНІ».
У вкладці допустимих типів застосунків вибираємо HTTP‑джерела переходу та додаємо ваш сайт у потрібному форматі. Обов’язково враховуйте доступність ресурсу через HTTP чи HTTPS та використання WWW піддомену. При потребі внесіть усі варіанти доменів і піддоменів. Для прикладу: https://vashdomain.com/*
Перемикаємося на вкладку допустимих API та активуємо Google Maps JavaScript API.
8. Після цього натискаємо «Почати безкоштовний пробний період». Google карти перевіряє картку, списує 1$ і повертає його через певний час. Це стандартна процедура, яка підтверджує, що картка активна. Коли платіжний акаунт підключено, щомісяця на нього автоматично нараховуються безкоштовні ліміти використання карт. Це дозволяє працювати з API без додаткових витрат, якщо не перевищувати встановлені межі.
9. Далі ви отримаєте Google Maps API ключ. Його потрібно скопіювати та зберегти у надійному місці, адже він знадобиться для інтеграції у код сайту чи CMS‑систему. Без цього ключа карти не працюватимуть, тому важливо не втратити його та не передавати стороннім особам.
10. Наступним кроком є встановлення обмежень для вашого Google Maps API ключа. Це робиться для того, щоб у разі потрапляння ключа до третіх осіб він був недійсним. У розділі «ЗАХИСТИТИ ОБЛІКОВІ ДАНІ» потрібно вибрати допустимий тип додатків — HTTP‑джерела переходу — та додати ваш сайт у потрібному форматі. Обов’язково враховуйте, чи доступний ресурс через HTTP або HTTPS, а також чи використовується WWW піддомен. Для прикладу можна додати сайт у вигляді: https://vashdomain.com/*. Якщо залишити поле порожнім, ключ буде доступний для будь‑якого сайту, що небезпечно.
11. Перемикаємося на вкладку допустимих API та активуємо Google Maps JavaScript API. Це основний інструмент, який дозволяє відображати інтерактивні карти на сайті. Без його активації ключ не працюватиме належним чином.
12. Готово! Тепер ви маєте повністю налаштований Google Maps API Key. Його можна передати розробникам, використати у коді або CMS‑модулі. Якщо ви перевищите безкоштовні щомісячні ліміти, Google карти запропонує перейти на платний тарифний план: https://developers.google.com/maps/documentation/javascript/usage-and-billing. Якщо ж ваш проєкт потребує значних обсягів даних, варто розглянути альтернативні сервіси — OpenStreetMap, MapBox, 2GIS чи інші.
