Перейти к содержанию

Настройки вашего сайта

Зарегистрировать Google Maps API Key

В 2016 году, компания Google объявила, что изменяет способ добавления Google Maps на сайты для новых пользователей. Для добавления карт новым пользователям нужно получить Google Maps API Key.

В июне 2018 года Google запустила новый функционал Google Maps Platform, а c июля 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" ("Продолжить")

Получить Google Key

Следующий шаг — выберите проект. Если впервые создаете ключ API — сначала необходимо проект создать.

Получить Google Key

Назовите проект и нажмите кнопку "Next" в правом нижнем углу.

Далее настройте свою систему оплаты за использование API.
Дождитесь приглашения на включение оплаты для проекта и выберите
"Создать платежный аккаунт"

Получить Google Key

Выберите страну, условия использования и жмите "Согласиться и продолжить"

Получить Google Key

Далее нужно настроить платежный аккаунт, введя данные банковской карточки. Google проверит карточку: снимет с карточки 1$ и вернет его обратно через некоторое время.

Когда подключен платежный аккаунт, то на него ежемесячно начисяется бесплатно использование карт, маршрутов или мест на сумму в размере 200 долларов США. Это примерно до 28 000 запросов. Счет на оплату будет выставлен только после того, как использование Google Maps Platform превысит ежемесячный лимит в 200 долларов.

Далее для получения API Key в консоли выбираем пункт меню "API и сервисы"

Получить Google Key

Вначале надо включить API, которые хотите использовать. Затем надо создать необходимые учетные данные чтобы получить к нему доступ.

Выбрать сервис API можно в библиотеке. В нашем случае выбираем:
Google Maps JavaScript API
Places API
Geocoding API

Получить Google Key

При создании учетных данных нужно выбрать "Ключ API"

Получить Google Key

Через несколько секунд Google выдаст сгенерированный Google Maps API Key. Скопируйте ключ и храните его в надежном месте для последующего использования.

Получить Google Key


2. Защита Google Maps API Key

Следующим шагом является повышение безопасности нового ключа. В консоли API нажимаем кнопку "Учетные данные" и переходим в консоли по ссылке "ключ API"

Получить Google Key

Открывается новый экран, где можно ограничить использование API только вашим веб-сайтом (сайтами). Это означает, что ни один неавторизованный пользователь не сможет использовать ваш ключ API на других веб-сайтах, и таким образом расходовать норму ключа по загрузке карт. Что, возможно, будет стоить денег, если включен биллинг.

Ограничить использование ключа просто. В открывшемся окне найдите раздел "Ограничение для ключа"

Ограничить доступ Google Key

Если нужно отображать карты на вашем сайте — выберите вариант "HTTP источники перехода (веб-сайты)".

Это откроет новое поле, чтобы добавить туда свой домен или домены. Не забудьте добавить их в требуемом формате, в таком шаблоне:

*example.com/*

где "example.com" — доменное имя вашего сайта.

В качестве подстановочного знака используйте звездочку. Если оставить это поле пустым, запросы будут приниматься от всех источников. Звездочки, косые и точки должны быть отформатированы так же, как в шаблоне.

Если хотите добавить несколько доменов — нужно добавить их по одному в каждую новую строку.

По окончанию нажмите кнопку "Сохранить". Теперь нужно будет подождать несколько минут для регистрации внесенных изменений. И можно использовать созданный ключ API, чтобы добавить Google Maps на свой сайт.


3. Как добавить карты Google используя Google Maps API Key на ваш сайт

Откройте на своем сайте Мой кабинет -> Сайт -> Настройки

Добавьте здесь свой Google Maps API Key и нажмите Сохранить настройки

Set key to the site

Сохранив ключ API вы добавите Google Maps на свой сайт.


Имеются вопросы? Пожалуйста, спрашивайте.