udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Использование Google Maps API в React Native для iOS / Android
Using Google Maps API in React Native for iOS/Android
★5 (всего оценок - 10)
Продолжительность
2 ч 31 мин
Категория
React NativeКоличество уроков
49 Видео
Дата добавления
24 окт. 2019 г., 22:47
Язык
Английский
Дата выхода
20 сент. 2019 г., 22:38
Дата обновления
29 апр. 2026 г., 05:10
Хотите быстро и без лишних сложностей освоить работу с Google Maps API в React Native? В этом материале вы найдете улучшенный, структурированный обзор курса и узнаете, как шаг за шагом создать полноценное кроссплатформенное приложение Карт для iOS и Android, избегая распространённых ошибок и экономя время.
Что вы изучите в этом курсе
Курс охватывает все ключевые аспекты интеграции Google Maps в приложение на React Native — от первоначальной настройки до реализации продвинутых функций геолокации.
Основы работы с картами в React Native
- Установка и корректная настройка react-native-maps для iOS и Android.
- Решение типичных ошибок и подводных камней при интеграции карт.
- Загрузка и отображение базовой карты в приложении.
Работа с пользовательским местоположением
- Запрос разрешений на использование геолокации.
- Отображение текущего местоположения пользователя на карте.
- Подписка на обновления местоположения и отслеживание движения.
Интеграция сервисов Google Maps API
Вы узнаете, как подключать и использовать основные API Google, чтобы сделать ваше приложение более функциональным и интерактивным.
Google Places Autocomplete
- Подключение API автодополнения.
- Реализация умного поиска локаций по мере ввода текста.
Google Directions API
- Получение маршрута от текущей позиции пользователя до выбранной точки.
- Преобразование данных API в отображаемую линию маршрута.
- Автоматическая подгонка масштаба карты под весь маршрут.
Практическая и быстрая настройка проекта
Автор курса демонстрирует наиболее простой и результативный путь настройки проекта, делясь личным опытом и способами обхода ошибок, которые обычно возникают при работе с картами.
Что вы получите в итоге
- Полностью работающее приложение Карт на React Native.
- Понимание того, как использовать ключевые API Google Maps.
- Навык интеграции геолокации, поиска и маршрутизации.
- Умение масштабировать функциональность под реальные проекты.
Почему этот курс полезен
Если вы когда-либо пытались интегрировать карты в React Native-приложение, вы знаете, сколько времени уходит на поиск решений и исправление непонятных ошибок. Этот курс помогает избежать большинства проблем и сразу перейти к рабочим, проверенным методам.
Подходит для:
- Начинающих React Native-разработчиков.
- Тех, кто хочет добавить карты в своё приложение.
- Разработчиков, которые ценят простые и понятные объяснения.
- Урок 1.00:02:19Generating a Google Maps/Places/Directions API key
- Урок 2.00:00:27Introduction
- Урок 3.00:00:30Install React Native first!
- Урок 4.00:01:21Init with correct React Native version
- Урок 5.00:00:35Check if build succeeds!
- Урок 6.00:00:49react-native-maps documentation intro
- Урок 7.00:00:23yarn add react-native-maps
- Урок 8.00:01:10Git init & react-native link
- Урок 9.00:00:37Changed files from linking
- Урок 10.00:00:37Check if build succeeds after linking!
- Урок 11.00:03:03Creating a MapView test component
- Урок 12.00:01:52Ensure emulator has Google API's!
- Урок 13.00:00:35Intro to manual install and docs
- Урок 14.00:00:57Undoing Android link changes
- Урок 15.00:04:26Android react-native-maps manual steps
- Урок 16.00:01:08Remove PROVIDER_GOOGLE
- Урок 17.00:00:45Performance issues on iPhone X simulator
- Урок 18.00:02:50Setting a full screen layout
- Урок 19.00:01:00Intro to section
- Урок 20.00:03:01A little refactor
- Урок 21.00:02:25Enabling user location in MapView
- Урок 22.00:07:05Asking for location permissions in Android
- Урок 23.00:10:17Getting the user's latitude and longitude
- Урок 24.00:07:56Learn how to use Places Autocomplete API with Postman
- Урок 25.00:03:30Restructuring and creating PlacesInput component
- Урок 26.00:02:23Styling PlaceInput component
- Урок 27.00:04:16Calling Places Autocomplete API in React Native
- Урок 28.00:03:38Showing Places API predictions in React Native
- Урок 29.00:05:07Styling place predictions
- Урок 30.00:02:49DIsplay predictions based on input
- Урок 31.00:03:58Refactoring
- Урок 32.00:02:22Tap anywhere to dismiss keyboard
- Урок 33.00:03:45Using debounce to limit API calls
- Урок 34.00:09:50Hiding list of predictions on tapping
- Урок 35.00:01:55How do we get latitude and longitude to PlaceInput?
- Урок 36.00:03:59Moving location state to parent component
- Урок 37.00:02:38Using device location for Places Autocomplete
- Урок 38.00:00:36Intro to section and remember to check out repository!
- Урок 39.00:06:47Calling Directions API in Postman
- Урок 40.00:03:13Passing Place ID to App
- Урок 41.00:05:06Calling Directions API in React Native
- Урок 42.00:02:21How Polyline works
- Урок 43.00:05:38Converting Polyline to Latitude and Longitude array
- Урок 44.00:05:38Time to draw the Polyline in map!
- Урок 45.00:02:22How do we zoom out to show route?
- Урок 46.00:04:09Refactoring MapScreen
- Урок 47.00:01:13Calling FitToCoordinates on our ref
- Урок 48.00:01:54Adding edgePadding
- Урок 49.00:06:41Adding a Marker and tidying up code
Автор - udemy
Комментарии