Как получить API-ключ для использования в Google Картах

Как получить API-ключ для использования в Google Картах



Для корректной работы всех приложений (сервисов) Google требуется аутентификация, которая подразумевает получение уникального API ключа.

До конца 2016 года еще можно было использовать такие сервисы как Google Maps без использования API ключа, но теперь всем новым пользователям обязательно нужно его получить.

Если вы хотите добавить новую Google-карту на свой сайт – вам будет нужен API-ключ. В сегодняшней статье мы детально рассмотрим практические шаги, которые необходимы для получения ключа API Google Карт.

 

 

Получение Google API ключа

Существует множество программных интерфейсов приложения (API), которые поддерживаются сервисом Google Developers. Если вы хотите разместить на своем сайте Карты от Google, значит вам нужен ключ Google Maps JavaScript API.

Заметка: Google Maps JavaScript API разделен на два тарифных плана – Стандарт и Премиум. Для большинства сайтов подойдет стандартный план, который предусматривает бесплатный доступ к 25 000 загрузкам (просмотрам) карт в день. Если просмотров больше 25000 и меньше 100000, тогда вам нужно будет платить приблизительно 0,50 доллара за 1000 дополнительных просмотров. Если ваш сайт генерирует трафик больше чем 100 тыс. просмотров карты в день, тогда вам нужен будет Премиум план.

 

Давайте начнем и добавим Google карту на свой сайт.

Первым шагом будет получение API ключа Google Карт. Для этого вам нужна будет любая учетная запись Google (она бесплатна; если вы пользуетесь почтой Google GMail – значит она у вас уже есть).

Войдите в учетную запись Google и перейдите на страницу Google Maps JavaScript API.

Прокрутите немного ниже и затем нажмите большую синюю кнопку «Получение ключа» (Get a key).



 

Как получить API-ключ для использования в Google Картах

Это откроет лайтбокс-форму создания ключа. В выпадающем списке вы можете выбрать из существующих проектов, или создать новый. Давайте создадим новый проект, для это нужно в выпадающем списке выбрать + Создать новый проект (+ Create a new project). Введите понятное для вас название проекта и нажмите кнопку Далее (Next). Если это ваш новый проект, чтобы продолжить вам нужно будет согласиться с условиями обслуживания Google.

Через несколько секунд вы увидите сгенерированный ключ API Google Карт (это будет набор цифр и букв состоящий из 40 символов). Скопируйте его и сохраните в доступном месте для последующего использования.

 

 

Защита ключа API Карт Google

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

Чтобы отображать карты на своем сайте, выберите опцию HTTP источники перехода (веб-сайты).

Ниже откроется поле для добавления разрешенных доменов. Добавьте их в необходимом формате: *.ДОМЕН.com/*. Замените ДОМЕН.com на свой домен.

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

После этого нажмите кнопку «Сохранить». И уже через 5 минут вы можете использовать свой новый API-ключ для Google Карты.

 

 

Как использовать ключ

Чтобы добавить Гугл Карту на сайт, вы можете воспользоваться iframe, либо же JavaScript-кодом. В обоих случаях нужен будет ключ. Более подробная информация по добавлению своего сайта на Гугл-карты описана здесь.

Вставка карты Гугл с помощью JavaScript выглядит примерно так:

<script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
type="text/javascript"></script>

 

Замените YOUR_API_KEY на ранее полученный ключ и ваша карта должна заработать!

 

 

 

Мы надеемся, что этот короткий урок поможет вам легко создавать ключ API Google Maps и наслаждаться Гугл Картой на своем сайте. Не стесняйтесь делиться своими мыслями в комментариях ниже.

 



4 комментария для «Как получить API-ключ для использования в Google Картах»

  1. Adward:

    По адресу https://developers.google.com/maps/documentation/javascript/get-api-key сейчас, похоже нет кнопки [Get API key] — вместо нее есть большай синяя кнопка [Get Started]

    Если там сказать «Create new project» — то через минуту перекидывает на [Включить оплату для проекта] и [Создать платежный аккаунт]. Похоже, что всё грустно, гугл карты стали платными 🙁

    1. ZAnatoly:

      Да, увы. Постараюсь поскорее разобраться в новшествах и обновить статью.

  2. Тимур:

    Все правильно, кроме одного — при регистрации Гугл не дает возможность создать «личный» аккаунт, только «бизнес». Сами понимаете, что это может означать в дальнейшем, при том, что они берут данные вашей карты. В ФБ страницы тоже вначале были бесплатны, а потом их стали убирать из видимости, и теперь видимость толком только через рекламу.

  3. Nataliia:

    Условно-бесплатный период дается теперь на 12 месяцев с бонусами в 300 долларов.
    Более подробно на сайте google https://cloud.google.com/free/docs/frequently-asked-questions?_ga=2.79270612.-1553565139.1540808669

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *