Чтобы интегрировать Google Карты на свой сайт, вам необходимо сгенерировать ключ API через Google Cloud Platform. Ниже приведено пошаговое руководство по получению ключа и его настройке на вашем сайте.
Шаг 1. Доступ к консоли Google Cloud Platform
- Посетите консоль Google Cloud Platform
Откройте свой веб-браузер и перейдите в Консоль облачной платформы Google. - Выберите или создайте проект
В консоли нажмите на раскрывающееся меню проектов в верхней части страницы. Здесь вы можете выбрать существующий проект или создать новый для вашего API-ключа.
Шаг 2: Перейдите в раздел «API и службы»
- Откройте раздел «Учетные данные API»
Нажмите кнопку меню (три горизонтальные линии) в левом верхнем углу. В раскрывающемся списке выберите API и сервисы > Учетные данные.
Шаг 3. Создайте свой ключ API
- Создать новые учетные данные
На Полномочия страницы, выберите Создать учетные данные > Ключ API. Это автоматически сгенерирует новый ключ API. - Просмотр и копирование вашего ключа API
Появится диалоговое окно с вашим новым ключом API. Скопируйте его и сохраните в надёжном месте, так как он понадобится вам на последних этапах. - Закрыть диалог
Нажмите Закрыто Чтобы выйти из диалогового окна, ваш ключ API будет указан в разделе API ключи на странице «Учетные данные».
Шаг 4: Ограничьте использование ключа API в целях безопасности
Чтобы предотвратить несанкционированное использование, крайне важно ограничить ваш ключ API перед его использованием в рабочей среде:
- Выберите свой ключ API
На странице «Учетные данные» нажмите на имя вашего ключа API. - Установить ключевые ограничения
Под Ограничения по применению, ограничить использование API определенными веб-сайтами, IP-адресами или приложениями. Ограничения APIвыберите только те API, которые необходимы для вашего проекта. - Сохраните ваши настройки
После настройки ограничений нажмите Сохранено.
Шаг 5: Вставьте ключ API на свой сайт
Теперь, когда ваш ключ API готов, выполните следующие действия, чтобы вставить его на свой сайт:
- Перейти к параметрам настройщика
Откройте бэкэнд вашего сайта и перейдите в Параметры (Настройщик) > API > Карта Google. - Введите ваш ключ API
Вставьте свой ключ API в предназначенное для Google Maps поле. - Сохранить и опубликовать
После ввода ключа сохраните изменения. Теперь Google Карты должны быть успешно интегрированы на ваш сайт.
После настройки ключа API Google Карт вы полностью готовы к встраиванию интерактивных карт на свой сайт.
