Разместите интерактивную карту или панораму просмотра улиц на своей веб-странице с помощью простого HTTP-запроса — JavaScript не требуется.
Расходы
Все запросы Maps Embed API доступны бесплатно с неограниченным использованием. Однако для всех запросов по-прежнему требуется действительный ключ Google Cloud API. Дополнительные сведения см. в разделе Использование и выставление счетов .
Прежде чем вы начнете
Чтобы создать встроенную карту на веб-странице, выполните необходимые шаги настройки, щелкнув следующие вкладки:
Шаг 1
Консоль
В Google Cloud Console на странице выбора проекта нажмите «Создать проект» , чтобы начать создание нового облачного проекта.
Убедитесь, что биллинг включен для вашего облачного проекта. Убедитесь, что для вашего проекта включено выставление счетов .
Google Cloud предлагает пробную версию с оплатой в размере 0,00 долларов США. Срок действия пробной версии истекает либо через 90 дней, либо после того, как на счете накопится 300 долларов США, в зависимости от того, что наступит раньше. Отменить в любое время. Платформа Google Maps имеет регулярный ежемесячный кредит в размере 200 долларов США. Дополнительные сведения см. в разделах Кредиты платежного аккаунта и Выставление счетов .
Облачный SDK
gcloud projects create "PROJECT"
Узнайте больше о Google Cloud SDK , установке Cloud SDK и следующих командах:
Шаг 2
Чтобы использовать платформу Google Maps, необходимо включить API или SDK, которые вы планируете использовать в своем проекте.
Консоль
Облачный SDK
gcloud services enable \ --project "PROJECT" \ "maps-embed-backend.googleapis.com"
Узнайте больше о Google Cloud SDK , установке Cloud SDK и следующих командах:
Шаг 3
Этот шаг проходит только через процесс создания ключа API. Если вы используете свой API-ключ в рабочей среде, мы настоятельно рекомендуем вам ограничить свой API-ключ. Дополнительную информацию можно найти на странице Использование ключей API для конкретного продукта.
Ключ API — это уникальный идентификатор, который аутентифицирует запросы, связанные с вашим проектом, для целей использования и выставления счетов. У вас должен быть хотя бы один ключ API, связанный с вашим проектом.
Чтобы создать ключ API:
Консоль
Перейдите на страницу « Платформа Google Карт» > «Учетные данные ».
- На странице Учетные данные щелкните Создать учетные данные > Ключ API .
В диалоговом окне создания ключа API отображается только что созданный ключ API. - Щелкните Закрыть.
Новый ключ API указан на странице Учетные данные в разделе Ключи API .
(Не забудьте ограничить ключ API перед его использованием в рабочей среде.)
Облачный SDK
gcloud alpha services api-keys create \ --project "PROJECT" \ --display-name "DISPLAY_NAME"
Узнайте больше о Google Cloud SDK , установке Cloud SDK и следующих командах:
Создание iframe
Выберите следующие параметры и добавьте местоположение и ключ API, чтобы создать iframe для вашей веб-страницы. Дополнительные параметры и опции см. в разделе Встраивание карты .
Тестирование вашего iframe
Чтобы увидеть ваш iframe в окне браузера HTML:
- Откройте текстовый редактор по умолчанию. На вашем устройстве по умолчанию должны быть установлены такие текстовые редакторы, как TextEdit или Блокнот Microsoft Windows .
- Создайте файл HTML и назовите его
index.html
. Добавьте следующий код с созданным ранее iframe:
<html> <!-- Replace this code comment with your iframe. --> </html>
Сохраните HTML-файл
index.html
.Загрузите файл HTML в веб-браузере, перетащив его с рабочего стола в браузер; в качестве альтернативы двойной щелчок по файлу работает в большинстве операционных систем.
Поздравляем! Вы только что настроили и создали карту с помощью Maps Embed API.
Убираться
Вы можете удалить свой проект Google Cloud, чтобы прекратить выставление счетов за все ресурсы, используемые в этом проекте.
- В Google Cloud Console перейдите на страницу Управление ресурсами :
- Если проект, который вы планируете удалить, привязан к организации, выберите и разверните список организаций в верхней части страницы.
- В списке проектов выберите проект, который хотите удалить, и нажмите Удалить .
- В диалоговом окне введите идентификатор проекта и нажмите Завершить работу, чтобы удалить проект.
Следующие шаги
Начните разработку с помощью Maps Embed API, настроив свой проект Google Cloud:
Список дополнительных параметров и опций, которые вы можете добавить в свой iframe:
Расширьте свой проект Карт с помощью Javascript API: