Перейти к содержимому

Как подключить google maps в React приложение? 2022

Boring Front End

0:00 / 0:00

Как подключить google maps в React приложение? 2022

23 015 просмотров · 4 года назад
Boring Front End
3,15 тыс. подписчиков
23 015 просмотров · 4 года назад
В очередном видео я расскажу как интегрировать гугл карты в реакт приложение Как интегрировать карты гугл в реакт приложение? Как интегрировать 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 #обучениереакт #обучениефронтенд