Как подключить google maps в React приложение? 2022
Автор: Boring Front End
Загружено: 2022-01-06
Просмотров: 22915
В очередном видео я расскажу как интегрировать гугл карты в реакт приложение
Как интегрировать карты гугл в реакт приложение?
Как интегрировать google place api?
Как использовать геолокацию?
Настройка регистрация в google maps
Подключение Maps Js APi && Places API && geocoding API
Создание ключа
Генерация проекта используя CRA https://create-react-app.dev/
Создание базовой структуры проекта
Добавление карты
Настройка внешнего вида контейнера с картой
Настройка поведения не зумить при скролле, убрать контролы и т.д.
Настройка темы карты https://snazzymaps.com/
Добавление автокомлита use-places-autocomplet
Добавление react-cool-onclickoutside
getGeolocation преобразование описания локации в координаты
Добавление маркера
Настройка маркера с расположением пользователя
Кастомизация маркера
Отрисовка маркеров при клике
Удаление маркеров с карты
Браузерна геолокация
00:00:00 Вступление/настройка зависимостей
00:10:05 Добавление компонента карты
00:27:00 Настройка темы для google maps
00:30:35 Добавление autocomplete
00:50:00 Добавление настройка маркера текущего положения
01:16:00 Использование браузерной геолокации
Группа в / fun_front_end
Канал в ТГ https://t.me/boringfe
Patreon: / boringfrontend
#boringfrontend
#funfrontend
#обучениереакт
#обучениефронтенд
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке:
