Скачать или смотреть Как добавить Клавиши Google Maps API в bubble.io (🇷🇺 русские субтитры)

В этом видео вы узнаете, как добавлять Клавиши Google Maps API в Bubble.io. Bubble.io имеет собственную интеграцию с Картами Google для отображения адресов, создания геоисследовательских запросов или выполнения маршрутизации.

Для начала необходимо создать аккаунт на сайте https://developers.google.com или https://cloud.google.com/maps-platform/ и создать новый проект.

Далее добавьте 5 API, чтобы карты работали оптимально в Bubble:
API геокодирования
Места API
API геолокации
Карты JavaScript API
API часового пояса

После этого вы создаете два ключа API для вашего проекта (не для одного API):
Клиент
Сервер

Ключ клиентского API имеет ограничение "HTTP referrers (web-сайты)", которое представляет собой URL вашего домена Bubble.io, например "https://appname.bubbleapps.io/". Добавьте * после него, чтобы включить тест версии или другой URL (например, /listings или /location). Важно: Если у вас есть пользовательский домен (www.mydomain.com/), вам необходимо изменить URL во время установки.

Для ключа Серверного API выберите "Ограничения API" и "Ограничить ключ". В выпадающем списке определите 5 APIS:
API геокодирования
Места API
API геолокации
Карты JavaScript API
API часового пояса

Наконец, в редакторе Bubble.io перейдите в раздел Настройки / Общие.
А в разделе "Ключи API общих служб" скопируйте ключ сервера Google API на "Google Geocode API key" и ключ клиента на "Google Map API key".

Обычная ошибка заключается в том, что на вашем аккаунте нет биллинга. В разделе Биллинг / Ссылочный аккаунт вы можете создать аккаунт для оплаты Google за использование API. Важно ввести кредитную карту. Бесплатное использование Google Maps API очень обширно, также существуют различные способы получения кредитов. Тем не менее, вам нужно будет предоставить способ оплаты для Google Maps API, чтобы он работал в Пузыре.

Глава:
0:00 Введение
0:11 Элемент карты Bubble.io
0:21 Настройки / Общие - 2 клавиши Google API
0:40 Портал для разработчиков Google
1:03 Создание нового проекта в Облачной консоли Google
1:21 Разблокировка определенных API Google
1:32 Включить Google Geocodig API
1:40 Включить Google Places API
2:08 Включить Google Geolocation API
2:28 Включить Google Maps Javascript API
2:57 Включить Google Time Zone API
3:23 Создание ключей API учетных записей
4:16 Укажите ключ клиентского API
5:17 Укажите ключ API сервера
6:09 Подключить биллинговый счет
7:08 Введите ключ клиента и API сервера в Bubble.io.
7:30 Успешное тестирование Google Map в Bubble.io