Налаштування вашого сайту
Зареєструвати Google Maps API Key
У 2016 році компанія Google оголосила, що змінює спосіб додавання Google Maps на сайти для нових користувачів. Щоб додати карти, новим користувачам потрібно отримати Google Maps API Key.
У червні 2018 року Google запустила новий функціонал Google Maps Platform, а з липня 2018 року набув чинності новий тарифний план Google з оплатою за використання API.
Google Maps API Key потрібен для роботи сервісів Google Maps на вашому сайті.
Як отримати Google Maps API Key безкоштовно
Покрокова інструкція з розміщення на сайті сервісів Google Maps за допомогою Google Maps API Key. Використано матеріали статті Олександра Коваля від 13.08.2018
1. Отримати Google Maps API Key — перші кроки
Щоб отримати Google Maps API Key, потрібно мати або безкоштовно створити обліковий запис Google. Найімовірніше, обліковий запис Google у вас уже є, тож переходимо до наступного кроку.
Перейдіть на платформу Google Maps Platform за цим посиланням 
У діалоговому вікні, що з'явиться, виберіть "Maps" ("Карти") і "Places" ("Місця") і натисніть кнопку "Continue" ("Продовжити")
Наступний крок — виберіть проєкт. Якщо ви створюєте ключ API вперше — спочатку потрібно створити проєкт.
Назвіть проєкт і натисніть кнопку "Next" у правому нижньому куті.
Далі налаштуйте оплату за використання API.
Дочекайтеся пропозиції ввімкнути оплату для проєкту й виберіть"Створити платіжний обліковий запис"
Виберіть країну, прийміть умови використання й натисніть "Погодитися й продовжити"
Далі потрібно налаштувати платіжний обліковий запис, ввівши дані банківської картки. Google перевірить картку: спише з неї 1$ і через деякий час поверне його.
Коли платіжний обліковий запис підключено, на нього щомісяця безкоштовно нараховується використання карт, маршрутів або місць на суму 200 доларів США. Це приблизно до 28 000 запитів. Рахунок на оплату буде виставлено лише тоді, коли використання Google Maps Platform перевищить щомісячний ліміт у 200 доларів.
Далі, щоб отримати API Key, у консолі вибираємо пункт меню "API і сервіси"
Спочатку потрібно ввімкнути API, які ви хочете використовувати. Потім — створити облікові дані, щоб отримати до них доступ.
Вибрати сервіс API можна в бібліотеці. У нашому випадку вибираємо:Google Maps JavaScript APIPlaces APIGeocoding API
Під час створення облікових даних потрібно вибрати "Ключ API"
За кілька секунд Google видасть згенерований Google Maps API Key. Скопіюйте ключ і зберігайте його в надійному місці для подальшого використання.
2. Захист Google Maps API Key
Наступний крок — підвищити безпеку нового ключа. У консолі API натискаємо кнопку "Облікові дані" і переходимо в консолі за посиланням "ключ API"
Відкриється новий екран, де можна обмежити використання API лише вашим вебсайтом (сайтами). Це означає, що жоден неавторизований користувач не зможе використовувати ваш ключ API на інших вебсайтах і таким чином витрачати ліміт ключа на завантаження карт. А це може коштувати грошей, якщо ввімкнено білінг.
Обмежити використання ключа просто. У вікні, що відкрилося, знайдіть розділ "Обмеження для ключа"
Якщо потрібно показувати карти на вашому сайті — виберіть варіант "HTTP-джерела переходу (вебсайти)".
З'явиться нове поле, куди можна додати свій домен або домени. Не забудьте вказати їх у потрібному форматі, за таким шаблоном:
*example.com/*
де "example.com" — доменне ім'я вашого сайту.
Як символ підстановки використовуйте зірочку. Якщо залишити це поле порожнім, запити прийматимуться з усіх джерел. Зірочки, скісні риски й крапки мають бути записані так само, як у шаблоні.
Якщо хочете додати кілька доменів — додавайте кожен окремим рядком.
Наприкінці натисніть кнопку "Зберегти". Тепер потрібно зачекати кілька хвилин, поки зміни наберуть чинності. Після цього створений ключ API можна використовувати, щоб додати Google Maps на свій сайт.
3. Як додати карти Google на ваш сайт за допомогою Google Maps API Key
Відкрийте на своєму сайті Мій кабінет -> Сайт -> Налаштування
Додайте тут свій Google Maps API Key і натисніть Зберегти налаштування
Коли ви збережете ключ API, Google Maps з'явиться на вашому сайті.
Маєте запитання? Будь ласка, запитуйте.