Siguenos en:
©2020 meedu.app, All Rights Reserved.
Flutter Avanzado: Google Maps y HERE Maps API
Añade google maps en tu app de flutter, solicitar permisos de ubicación, crear marcadores avanzados, crear un clon de Uber con la API de HERE maps.
iOS
Android
Flutter
Publicado: 22 / 06 / 2020·Actualizado: 06 / 12 / 2024
Instructor:Darwin MorochoNivel
Avanzado
15h
Duración
386
Estudiantes
¿Qué aprenderás en este curso?
Solicitar permisos de ubicación
Trabajar con google maps en flutter
Trazar rutas y polígonos
Crear marcadores avanzados
Crear una app tipo Uber usando la API de Here.com
Geolocalización en segundo plano
Requisitos para este curso
Conocimientos intermedios de dart y flutter.
Consumir APIs en flutter con Dio.
Gestión de estados con Provider
Conocimientos del patrón repositorio
Detalles del curso
En este curso aprenderás a trabajar con google maps en tu app de flutter, solicitar permisos de ubicación, crear marcadores personalizados, trazar rutas, detectar eventos en el mapa y mucho más.
Este es un curso intermedio - avanzando por lo cual es necesario cumplir los requisitos detallados arriba.
RECOMENDACIÓN: Siga el curso https://meedu.app/curso/consumir-una-api-rest-desde-flutter antes de tomar este curso.
Contenido del curso
Primeros pasos con Google Maps Flutter01:18:10
Instalación google_maps_flutter | 14:07 |
El widget GoogleMap - parte 1 | 06:12 |
El widget GoogleMap - parte 2 | 05:11 |
Cambiando el estilo del mapa | 07:31 |
Marcadores - parte 1 | 11:46 |
Marcadores - parte 2 | 05:52 |
Marcadores - parte 3 | 07:17 |
Marcadores - parte 4 | 15:08 |
Marcadores - parte 5 | 05:03 |
Permisos y ubicación del dispositivo02:32:35
permisos de ubicación - parte 1 | 07:47 |
permisos de ubicación - parte 2 | 12:42 |
permisos de ubicación - parte 3 | 10:28 |
permisos de ubicación - parte 4 | 12:09 |
permisos de ubicación - parte 5 | 07:27 |
Android GPS - parte 1 | 10:50 |
Android GPS - parte 2 | 06:34 |
Ubicación del dispositivo - parte 1 | 18:30 |
Ubicación del dispositivo - parte 2 | 20:09 |
Polylines - parte 1 | 12:32 |
Polylines - parte 2 | 06:59 |
Polygons | 07:28 |
Mover el mapa a la ubicación actual | 05:36 |
Mostrando un marcador en la ubicación actual | 07:45 |
Rotando el marcador en el sentido del movimiento | 05:32 |
Here API00:27:27
Por qué usar Here | 02:13 |
Reverse geocode | 09:31 |
Autosuggest | 08:20 |
Routes | 07:21 |
App tipo Uber09:27:47
Preparando el proyecto para la sección | 14:29 |
El logo de google en los mapas | 14:50 |
Debounce | 12:03 |
Autosuggest - parte 1 | 12:40 |
Autosuggest - parte 2 | 16:45 |
Autosuggest - parte 3 | 23:33 |
Mostrando los resultados de búsqueda | 12:34 |
Definiendo el origen y el destino en la pantalla de búsqueda - parte 1 | 10:32 |
Definiendo el origen y el destino en la pantalla de búsqueda - parte 2 | 17:00 |
Definiendo el origen y el destino en la pantalla de búsqueda - parte 3 | 14:31 |
Retornando los datos de la pantalla de búsqueda | 15:21 |
Mostrando el origen y el destino en el mapa | 13:33 |
La clase GeolocatorWrapper | 20:19 |
Como hacer zoom en el mapa | 14:17 |
Moviendo el mapa para visualizar el origen y el destino | 15:39 |
Mejorando la usabilidad de la pantalla de búsqueda | 12:44 |
Marcadores personalizados usando un CustomPainter - parte 1 | 19:00 |
Marcadores personalizados usando un CustomPainter - parte 2 | 22:30 |
Marcadores personalizados usando un CustomPainter - parte 3 | 15:21 |
Dibujando la ruta obtenida por la API de here - parte 1 | 22:03 |
Dibujando la ruta obtenida por la API de here - parte 2 | 14:55 |
Dibujando la ruta obtenida por la API de here - parte 3 | 13:55 |
Optimizando el código de nuestro HomeController | 09:44 |
Widget para mostrar el origen y el destino - parte 1 | 17:02 |
Widget para mostrar el origen y el destino - parte 2 | 21:45 |
Widget para mostrar el origen y el destino - parte 3 | 13:01 |
Origen inicial y final en la pantalla de búsqueda - parte 1 | 12:42 |
Origen inicial y final en la pantalla de búsqueda - parte 2 | 16:23 |
Marcador fijo en el centro del mapa - parte 1 | 12:15 |
Marcador fijo en el centro del mapa - parte 2 | 14:44 |
Marcador fijo en el centro del mapa - parte 3 | 19:52 |
Marcador fijo en el centro del mapa - parte 4 | 16:57 |
Marcador fijo en el centro del mapa - parte 5 | 15:13 |
Reverse Geocode - parte 1 | 14:11 |
Reverse Geocode - parte 2 | 21:45 |
Reverse Geocode - parte 3 | 13:24 |
Ubicación en segundo plano00:54:50
Habitando la geolocalización en segundo plano en iOS | 07:47 |
Habitando la geolocalización en segundo plano en Android - parte 1 | 12:22 |
Habitando la geolocalización en segundo plano en Android - parte 2 | 34:41 |
5.0
1 Reseñas
5.0
Yasser Guillermo
hace 5 meses
Genial perfecto
- 14:40:51 de video.
- Accesso de por vida.
- Comentarios del curso
- Chat privado con el instructor
Inicie sesión para comprar este curso