Дякуємо елементу Map, додати Google Map до Esl легко. Найбільша перешкода – це створення ключа API Google Maps. Ця стаття покаже вам, як створити ключ API і як запобігти несанкціонованому використанню, встановивши обмеження API та застосунку.
Передумови
Перед тим, як почати використовувати JavaScript API Maps, вам потрібен проект з рахунком для виставлення рахунків, а також з увімкненими Maps JavaScript API і Geocoding API. Ознайомтеся з документацією Google, щоб дізнатися, як це зробити.
Щойно ви завершите налаштування, ви знайдете свій ключ API під Ключі та облікові дані » Ключі API.
Скопіюйте та вставте ключ у Esl » Налаштування » Ключі API » Google Maps: ключ API і натисніть зберегти.
Тепер ви можете використовувати елемент “Map” на будь-якій сторінці. Якщо ваша карта не відображається правильно, перевірте консоль розробника для отримання додаткової інформації.
Обмеження API та застосунку
Ми рекомендуємо обмежити, де і для яких API можна використовувати ключ API, щоб запобігти несанкціонованому використанню.
Обмеження застосунків
Оскільки ви запускаєте вебсайт, обмежте ключ API лише для вебсайтів. Виберіть “Вебсайти” і додайте свою URL-адресу, натиснувши кнопку “Додати”. Ось кілька прикладів URL-адрес, які ви можете дозволити для налаштування вебсайту:
- Будь-яка URL-адреса в одному домені без піддоменів: https://example.com
- Будь-яка URL-адреса в одному піддомені: https://sub.example.com
- Будь-який піддомен в одному домені, використовуючи вільний символ (*): https://*.example.com
- Домена та всі його піддомени, використовуючи вільний символ (*):
https://example.com
https://*.example.com
Обмеження API
Обмежити ключ » Виберіть API та увімкніть Maps JavaScript API і Geocoding API.
Збережіть налаштування свого ключа API.
Загальні проблеми
Якщо карта не відображається, відкрийте консоль розробника. Ви отримаєте додаткову інформацію та вказівки, як вирішити вашу конкретну проблему. У більшості випадків жоден рахунок для виставлення рахунків не призначено, необхідні API не активовані або обмеження встановлені неправильно.