Usando Google Maps & Directions API en Flutter

¡Bienvenidos nuevamente! Es este capítulo vamos a aprender como utilizar el Google Maps para mostrar un mapa con algunos puntos en la pantalla, dibujar una ruta sobre él y seguir la ubicación del usuario. Además de cómo usar la API de Directions para obtener indicaciones de caminos entre dos puntos distintos y con esas indicaciones dibujar sobre el mapa.
Para cerrar nos subimos al auto y probamos la aplicación en la calla :-).
Código Fuente: github.com/Gaz...
Lo que usamos:
• Plugin - pub.dev/packag...
• Plugin - pub.dev/packag...
• Plugin - pub.dev/packag...
• Flutter - flutter.io/
• AndroidStudio - developer.andr...
Música de fondo: « Elevate » from Bensound.com

[@AndroideDelValle]

¿Querés saber cómo conectar Maps con Firebase?: 👉🏼👉🏼👉🏼 bit.ly/33HuHQU 👈🏼👈🏼👈🏼

[@fernandomarroquin7760]

Es dificil encontrar buen contenido acerca de Flutter en español, Muchas Gracias! Like y sub

[@enzolivelli8278]

La dedicación que le pones a tus videos me motiva mucho, sigue así amigo !!! Saludos desde Perú

[@beloki85]

Muy buena tu explicación, estoy haciendo mi primer app en Flutter, tu ejemplo me cayó como anillo al dedo, es justo lo que necesitaba, muchas gracias.

[@beloArgentina]

Muchísimas gracias, se nota que te apasiona enseñar y además enseñás cosas que el resto no. Ojalá algún día vengas a Buenos Aires y tenga la oportunidad de agradecértelo personalmente. El único detalle es que estaba super emocionado en la pantalla de facturación y Google no me aceptó las tarjetas prepagas jaja, igualmente aprendí y mañana voy a buscar la manera de pagarlo porque lo necesito para mi app. Un saludo :)

[@erickparedesramirez9735]

Sería genial que se calcule la distancia entre los puntos, genial los videos

[@AndroideDelValle]

Eso no es muy complicado. Seguro hay alguna librería y si no se puede calcular a mano. De forma rápida e imprecisa se puede calcular como rectas normales y calcular la distancia entre dos puntos. Sumando cada segmento. Cómo la tierra no es plana (ja, espero no aparezca un terraplanista ahora :D) para ser más exacto podés calcular ente dos pares de lata/lng con la formula de Haversine (si la googleas hay mucha info).

[@daviscriollo8539]

Felicidades maestro,no hay mejor enseñanza q el ejemplo y la práctica de tu trabajo realizado 👍🏻

[@aebmyasz]

Ricardo genial tu vídeo. Me ayudó mucho. Un abrazo desde Venezuela... muchas gracias!!!

[@cssnorth]

Eres increíble, muchas gracias por compartir este conocimiento. Tienes un nuevo suscriptor, igualmente estaré atento para nuevos videos. 👍

[@AndroideDelValle]

Welcome :)!

[@ssiieu]

Super Gracias, te seguiré!

[@arnoldtorres6252]

Excelente explicación!

[@vianeyvargas7736]

Un video por favor usando Google + Flutter Bloc y Places Api Ubicación etc..

[@jaimerojas3812]

excelente video todo muy bien explicado

[@LuisFernandez-cz7gb]

gracias por su aporte amigo ojala sigas subiendo este tipo de contenido.Un consejo estaria bueno que hagas un video de un autenticacion o login estilo whatapp.saludos

[@vianeyvargas7736]

Excelente tus vídeos son lo que los programadores siempre quisieron tener, contigo el conocimiento si se aumenta de verdad mil gracias. Espero por favor el vídeo donde actualiza el mapa cuando sales del camino etc... Y volver a calcular.. donde encuentro el vídeo como se llama ?

[@AndroideDelValle]

No hice ningun video sobre ese tema, es bastante complejo y no he tenido tiempo.

[@EdwarAmayaDiaz]

Este proyecto con Google maps está genial, espero ansioso más funcionalidades

[@wilfredocristobalolanochav5789]

Gwnial Ricardo muchas gracias y si porfavor sigue subiendo contenido gracias capo

[@superkaraoke45]

Felicitaciones, muy bueno y me sirve de guía para un proyecto.

[@JonathanSamuelMottaDeLaRoca]

Excelente, eso lo eh estado buscado, me servira mucho. Gracias por el post

[@JonathanSamuelMottaDeLaRoca]

Espero muestres otro video un poco mas avanzado, si no sera mucha molestia, asi como trabaja waze, Gracias por compartir tu conocimiento

[@MariodelaCuadraIzquierdo]

Fantástico video! Este ejemplo me sirve.

[@jairorojasportilla9488]

muy buen vídeo muchas gracias .. tengo una duda ya hice todo pero me tengo un pequeño inconveniente me sale error en esta linea de código "api.currentRoute.first.points.forEach((point) {........}" en el first y no me muestra el trayecto de la ruta mejor dicho la linea roja

[@nicolasaguirreyacup2466]

muchas gracias por el vídeo mi sirvió muchísimo!! de pronto sabes que podría hacer para que las lineas se dibujen con mas precisión?

[@Mferrer]

exelente video me salvaste .. genio hacete un curso ya en udemy la rompes explicando

[@juancocornejo4828]

Eres un genio. Saludos desde Ecuador! :)

[@TheEdcko]

SIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Recién llego del trabajo y lo veo. Ha codificar, gracias sos un crack :3

[@williamsbobadilla4604]

Excelente contenido! un grande, gracias!

[@sambaotaku]

Gracias por el video! Deje un issue con el repositorio, con el código para generar la polyline correctamente sobre el mapa.

[@christianparrales3115]

Muy buen video Ricardo, como comentaste, sería bueno que nos indiques como sería la navegación de la ruta al estilo de Waze o Maps.

[@AndroideDelValle]

Gracias. Respecto al algoritmo para navegación no es algo que toque en el canal a corto plao, ya son temas muy avanzados y llevan mucha investigación/análisis.

[@abrahamcasas9038]

Eres un crack muchas gracias por tu aportacion !

[@jefersonmedeiros7677]

Parabéns pelo conteúdo. Felicidades desde Brasil!!

[@MatheusPR96]

mas funcionalidades porfavor, está genial!!

[@hectorluisccahuayamadariag7623]

Muchas gracias excelente información

[@FernandoBaretto]

Hola Ricardo, Te cuento, solo necesito tomar las coordenadas y guardarlas en una base de datos... la toma de la coordenadas del celuar puede ser por tiempo o al realizar una determinada acción en la app... para eso necesito route? Tenés algún ejemplo más simple que solo me devuelva las coordenadas de la posición actual? gracias de antemano.

[@ld2711]

Buenos días Tienes de casualidad un curso completo. Tenemos ( la familia) un restaurante y quisiera desarrollar una aplicación personalizada "Food delivery" tipo Ube... o Glov... También esta la opción si la podrías desarrollar y la compramos. Saludos desde San José, Costa Rica. Gracias!!

[@AndroideDelValle]

Buenas, no, no tengo un curso completo pero en udemy hay varios , no sé si harán exactamente lo que querés, pero como base para empezar sirven.

[@JorgeLeonardoTF]

Muy buen contenido felicidades!, talvez me puedan ayudar cuando la app esta en segundo plano, y la vuevlo a abrir/reanudar el mapa queda en blanco? no he logrado hallar una solición aparente.

[@jimmysalto1749]

Buenas tardes, lo que mencionas al ultimo del video, por ejemplo, lo del mapa actualizable segun te vayas moviendo, asi como la distancia. ¿Es necesario utilizar otra API de Google Maps?.

[@AndroideDelValle]

No, para mover el mapa mié tras se.mueve el usuario con algún package que lea la ubicación del GPS y vas moviendo el mapa con el controller

[@carlosa.florescarrasco3728]

gracias por el contenido, dusculpen donde puedo consultar los precios de google maps api es que no los encuentro

[@AndroideDelValle]

mapsplatform.google.com/pricing/

[@sistemacontableyfacturacio8656]

hola Ricardo excelente tutorial, como me puedo poner en contacto contigo

[@gregoryantonioiscalacaiced335]

Gracias Máster Genial.

[@marcom6255]

Hola Ricardo, gracias por la información, algún correo donde te pueda escribir?, gracias!

[@AbhishekKumar-id2nt]

Excellent

[@carlosisasmendi4737]

Muy bueno con mapbox no probaste..podes hacer algo con mqtt y flutter asi otros usuarios ven en tiempo real tu posición

[@leonardomejia7687]

Hola Ricardo muy buen video!!!, tengo una gran guda, tengo que hacer un proyecto que funcione exactamente como tu aplicación lo hace, solo que con la diferencia que seria de manera interna, para una empresa, que me marque la ruta desde el punto de inicio (la puerta de entrada principal de la empresa) hasta X destino que el usuario decida, ahí algún plugin o forma de implementar esto mismo pero de esa manera y usando un mapa propio?!

[@AndroideDelValle]

Fíjate en mis videos que tengo otro sobre un plugin que se llama flutter-map que permite usar otros mapas incluso propios con las imágenes en el dispositivo. Sobre ese mapa podés usar Google directions también si lo deseas.

[@AndroideDelValle]

Este es el otro video: kzbin.info/www/bejne/pXLWpqKgeNxgfJY

[@leonardomejia7687]

Muchas gracias, de verdad te lo agradezco!!

[@thewalkevent889]

This is gold very informative. I have a question how should I compute the bounds of cameraUpdate if I want to add more bottom padding? Thanks in advance

[@sebastianloric7074]

Excelente como siempre!! ¿Es posible descargar mapas para uso offline? (no necesariamente con este plugin)

[@AndroideDelValle]

No vi opciones para setearlo, si encuentro algo al respecto vuelvo a dejar otro comentario.

[@raularozarena8752]

hola, quisiera saber, y pido disculpas si este no es el lugar indicado, quisiera saber si puedo dibujar sobre ek el google maps los limites de un distrito o una ciudad, cosa que de por si solo muestra el google maps, pero no da la posibilidad de trasladarlo o exportarlo a un mapa propio, o my maps, al menos es eso lo que no puedo hacer. muchas gracias

[@masrmty1]

Excelente video, muchas gracias!! Una duda del api de GoogleMaps, se podra cargar n puntos y que google maps trace la mejor ruta con dataos de trafico??

[@AndroideDelValle]

Si, la API de directions soporta tráfico y waypoints entre los dos puntos.

[@luiseduardosalgueror.6187]

Hola Ricardo, excelente tutorial, felicitaciones, tengo la siguiente situación: La parte del código en donde se hace el llamado al return ChangeNotifierProvider( builder: (_) => DirectionProvider(), cuando trato de ejecutar en la ultima la versión de Dart: Dart SDK version: 2.12.3 (stable) (Wed Apr 14 11:02:39 2021 +0200) on "windows_x64" , en ella el ChangeNotifierProvider reporta como Deprecated esta sintaxis. Me puedes indicar la sintaxis de acuerdo con: return ChangeNotifierProvider( create: (_) => new DirectionProvider(), este reporta el siguiente error al compilar: Launching lib\main.dart on moto g 6 plus in debug mode... Running Gradle task 'assembleDebug'... /C:/flutter/.pub-cache/hosted/pub.dartlang.org/google_maps_webservice-0.0.19/lib/src/utils.dart:61:27: Error: The argument type 'String' can't be assigned to the parameter type 'Uri'. - 'Uri' is from 'dart:core'. return httpClient.get(url, headers: headers);

[@byholaz]

Una consulta, yo nesecito obtener los giros (indicaciones)que el usuario debe tener en la ruta.. como puedo realizar eso.

[@AndroideDelValle]

La API de directions de google te da esa información. No recuerdo el costo

[@ericgallego3423]

Buenas Tardes Ricardo un gran video! Pero en el main en la linia: builder: (_) => DirectionProvider(), Me da el siguiente error: The named parameter "builder" isn't defined, si me pudieras ayudar me harías un gran favor, gracias!

[@AndroideDelValle]

Muchas gracias, si estás usando la versión 4 de Provider el parámetro builder cambió de nombre a create.

[@juadiga]

Excelente video Ricardo. Tengo una duda y me sucede que la linea pasa por encima de las casas, no sigue en su totalidad la linea de la calle. ¿Sabes que podría ser?

[@AndroideDelValle]

Puede ser que la ciudad donde estés probando no tenga un buen mapeo en directions. En mi ciudad es bastante malo y en general no tengo buenos resultados. Podrías probar con otra API como la de mapbox, pero no tengo una solución definitiva.

[@shotbyviera]

Hola tengo una duda, se puede comprar por ejemplo un GPS u otro dispositivo que no sea un telefono google y a traves de esta api poder geolocalizarlo? , de ser asi, que dispositivo GPS podria ser compatible?

[@AndroideDelValle]

No sabría decirte. En teoría la api la podes usar desde cualquier dispositivo que te permita hacer request https, qué tal fácil o difícil dependerá del dispositivo en cuestión

[@PriestapGustavo]

Muy bueno!!! espero conocerte en algún evento... hablando de ubicaciones... por donde estás?

[@AndroideDelValle]

El pueblo se llama General Fernandez Oro, lo mas conocido de cerca es Neuquen capital o Cipolletti quizas.

[@AndroideDelValle]

En el sur de Argentina, por las dudas :D

[@jorgerivadeneiracevallos2701]

Excelente video amigo, y cómo obtienes el tiempo aproximado y la distancia? Es eso posible?

[@AndroideDelValle]

La api de directions tiene la opción de mostrarte tráfico. Creo que si pedís esa información te dan para cada tramo la velocidad promedio y la distancia la podes calcular por cada tramo como la distancia entre los puntos usando la fórmula de haversine

[@jorgerivadeneiracevallos2701]

@@AndroideDelValle Agradezco tu respuesta y nuevamente..Felicitaciones..!

[@naviCruzgamming]

Hola, una pregunta este proyecto lo hiciste en Kotlin o en JAVA?

[@AndroideDelValle]

Está hecho en Dart con Flutter.

[@sisthelsistemas9981]

Hola Ricardo, fui a implementar lo que sale del video y me salta este error REQUEST_DENIED y no me muestra las lineas de las rutas

[@AndroideDelValle]

Puede que el api key o el user con el que estás queriendo hacer el request no esté bien configurado?

[@harrison1573]

te amo cara

[@victorllerenac]

Hola ricardo, trate de implementar el video de tu proyecto pero me marca un error al importar: import 'package:google_maps_webservice/directions.dart'; Y cuanto entro a ver el "google_maps_webservice: ^0.0.14" aparece errores, no tengo mucha experiencia en Flutter ni Google Maps, así que si podrías revisar si esta funcionando ese plugin te agradecería. O bueno lo que deseo realizar es pintar las polilineas.

[@juandanielsuarezamado6723]

como podria crear el modelo para traer todas los steps de la api tengo algo asi pero solo me trae la primera final steps = new DirectionSteps.fromJson( decodedData['routes'][0]['legs'][0]['steps'][0]);

[@AndroideDelValle]

Cómo estás haciendo la consulta?

[@vagnerwillian4654]

En lugar del primer marcador, ¿puedo usar mi ubicación actual para indicar que me estoy acercando al destino?

[@AndroideDelValle]

Si, claro, podrías ir cambiando uno de los puntos de la polyline para que se vaya moviendo. Lo difícil ahí quizás sería anticipar si el usuario se va por otro camino, el efecto no sería el deseado

[@paulnoris4928]

Una duda Ricardo, existe una manera de trazar mejor las lineas ? me refiero a que no siempre la polyLine pasa por encima de la calle, de ante mano muchas gracias, fue un excelente tutorial !!

[@AndroideDelValle]

Lamentablemente dependes de las coordenadas que manda la API, supongo que en ciudades grandes tendrá mejor precisión y en ciudades pequeñas peor. No creo que exista forma fácil de ajustar el trayecto porque el mapa en si son imágenes.

[@paulnoris4928]

@@AndroideDelValle gracias por responder Ricardo, has interactuado con otros packetes como google_map_polyline ?

[@AndroideDelValle]

No, con ese específicamente no, pero en teoría cualquier API que te devuelva una polyline de coordenadas deberías poder usarla para dibujar el camino arriba del mapa.

[@emiibarra5772]

Hola Ricardo, Tengo problema con el provider. Yo tengo el ChangeNotifierProvider y el consumer dentro de una clase StateFul. Como puedo solucionarlo? Intento poniendo el Change arriba static ChangeNotifierProvider init(double x, double y) => ChangeNotifierProvider( create: (_) => new DirectionProvider(), child: GoogleMaps(x.toString(), y.toString()), );, y dentro del build el consumer .

[@AndroideDelValle]

Un poco confuso, no termino de ver tu problema, quizas usando gist.github.com para compartir el código un poco más completo pueda ayudarte. (o pastebin o lo que más te guste)

[@michaelraulzambrano8505]

Amigo hay una forma de obtener también el tiempo que se demora del un punto al otro ?

[@AndroideDelValle]

La API te devuelve un estimado por cada segmento, no recuerdo su estaba la suma pero en el eor de los casos sumas vos.

[@Sergio215993]

Ricardo que tal, ojala me puedas ayudar con esto: quiero hacer un mapa con áreas de cobertura para una estación de bomberos usando como base el mapa de google que de por sí ya contiene mucha información como los sentidos viales, trafico, etc. En lugar de buscar una sola ruta optima lo que requiero es el área de cobertura o las múltiples rutas que se puede tener alrededor de una o varias estaciones de bomberos dentro de un factor de tiempo, es decir que partiendo siempre del mismo punto (la estación de bomberos) que calles pueden llegar a ser recorridas en rango de tiempo de 4, 5 o 6 minutos de manejo a una velocidad determinada. Sé que hay programas como argis o qgis pero la verdad se me hacen muy complicados no he tenido éxito. Gracias saludos

[@AndroideDelValle]

No creo que eso lo puedas resolver desde el lado de la aplicación, sería mejor hacerlo en el server. La api de directions de Google podría ayudar aunque seguramente necesites proceso de tu lado también y hacer varias consultas para evaluar diferentes rutas.

[@NicoILeone]

Estimado Ricardo! Excelente material, y en español encima....terrible. Estoy incrusionando en Flutter y me parece genial. Tengo experiencia con Maps en desarrollos webs pero no puedo configurar esto en mi proyecto. Recibo el siguiente error: Exception has occurred. PlatformException (PlatformException(error, API key not found. Check that is in the element of AndroidManifest.xml, null)) Ya he habilitado las distintas funcionalidades dentro de la consola de google y tengo el perfil de pago también dado de alta. He seguido los pasos de configuración que mencionas y los que informan en la web del paquete. Podrás darme una orientación de cuál puede ser el problema? lo agradecería, muchas gracias y saludos!

[@NicoILeone]

Perdón Ricardo me auto respondo, había pegado mal en el AndroidManifest.xml , lo copié más abajo de lo que el ejemplo indica, por lo cual no había hecho bien esa inserción. Saludos!

[@AndroideDelValle]

Tenés que poner el API key de Google Maps en el manifest de android, eso está en la carpeta android/app/Src/main .

[@NicoILeone]

@@AndroideDelValle Si lo había hecho, pero no enseguida de la etiqueta sino que lo hice más abajo y se ve que no lo tomaba. Excelente material y explicas muy bien, soy de Buenos Aires. Tendrás alguna casilla de correo donde pueda escribirte por algunos proyectos? Si es que te interesa, sino muchas gracias por tu material y compartirlo, saludos!

[@AndroideDelValle]

Por el momento no estoy tomando trabajos. Igualmente me encontrás en el discord del canal: streamerlinks.com/AndroideDelValle

[@NicoILeone]

@@AndroideDelValle Excelente! Muy amable y me quedo con tu material bárbaro y nuevamente agradecido por que compartas. Saludos!

[@worldofanimes15]

Hola Ricardo, excelente video!! mi consulta: Al hacer la consulta con "directionsWithLocation" me sale REQUEST_DENIED, tengo activo todos los APIs de Google Cloud Platform no se a que se deba que me deniegan el Request Gracias!!!

[@worldofanimes15]

Generé una nueva clave de API y funciono asumo, era por que mi anterior clave no contaba con los atributos, ya que los active según mi progreso. Espero a alguien le sirva

[@spektrejazrodriguez4310]

me pasa exactamente lo mismo, hay que generar un nuevo key para maps sdk? o la estoy regando en sacar ese api key

[@nestorsantiago1991]

@@worldofanimes15 Qué le agregó o configuró en el API, me da el mismo error y ya cambie el API pero continuo igual; con el error REQUEST_DENIED. Gracias

[@juancharrascasromalv5221]

que tal, ya intenté tu ejemplo, pero me manda un error y la verdad no encuentro el porque, ya hasta lo puse igual y aun asi: type ´Future' is not a subtype of type '() => void' Me puedes apoyar por favor? gracias y excelente noche

[@davidparra4895]

Buenas Tardes, me sale el siguiente error, no se si me podría ayudar.: Error: Could not find the correct Provider above this Consumer Widget To fix, please: * Ensure the Provider is an ancestor to this Consumer Widget * Provide types to Provider * Provide types to Consumer * Provide types to Provider.of() * Always use package imports. Ex: `import 'package:my_app/my_code.dart'; * Ensure the correct `context` is being used.

[@AndroideDelValle]

Habría que ver más en detalle. Tenés el provider en el widget tree? Estás abriendo una nueva ruta cuando aparece el error?

[@spektrejazrodriguez4310]

I/flutter (30504): ERRROR !!! REQUEST_DENIED E/flutter (30504): [ERROR:flutter/lib/ui/ui_dart_state.cc(166)] Unhandled Exception: Bad state: No element yo tengo este problema :( si visualizo el mapa, marcadores y demás pero no me marca la ruta, que podrá ocacionar el problema?

[@AndroideDelValle]

con tan poca informacion dificil saber. Fijate de entrar al servidor de Discord (link en cualquier video mas o menos nuevo de mi canal) para compartir el codigo o parte de el y ver si logramos ver que pasa.

[@edgarmedina5897]

Ya lograsete encontrar la solición, si es así podrías decirme como lo resolviste?

[@spektrejazrodriguez4310]

@@edgarmedina5897 ya ni le intente camarada, usa mapbox, esta sencillo en la documentación viene la implementación...

[@DryadRoot]

15:20 se corrige "man" por "max" por magia divina xD

[@danilomoya9873]

Excelente aporte, estoy trabajando en una app donde necesito pintar la ruta, desde un origen hasta un destino pero al pintar sobre el mapa las polylines en algunos lugares se salta las curvas o alejado de las calles, hay alguna manera de solucionar ese inconveniente ?. Agradecería mucho su respuesta. Saludos desde Ecuador.

[@AndroideDelValle]

Depende mucho de la API de donde obtengas los puntos de la ruta. Con la API de directions to tuve resultados malos en ciudades pequeñas y muy buenos en ciudades grandes. Supongo que tendrías que ver si la API que usas ofrece algún servicio diferencial. No sé que usarán empresas de reparto la verdad

[@danilomoya9873]

@@AndroideDelValle Muchas gracias por su respuesta, estoy utilizando los servicios de Google mapas para toda la implementacion, a parecer el problema recide en qué el API de Google no devuelve los suficientes puntos para que Google mapas lo pinte con mayor precisión, espero que mas adelante Google mapas Flutter permita solucionar ese inconveniente por software similar a su aplicación de mapas para web o para móvil donde si respeta las calles, la única solución que encontré es redireccionar a los usuarios a Google mapas para mayor presición.

[@emanuelantonio4783]

Una pregunta, si por ejemplo, se tiene una lista de mas de tres puntos en el mapa, y quiero centrarlo pero quiero que esos puntos pueda verlos como se haría ese mismo procedimiento de LatLngBound?

[@AndroideDelValle]

Es lo mismo, buscas el mínimo y máximo de todos los puntos que tengas y creas los 2 puntos que te pide LatLngBound, justo en el último video que subí ayer lo hago utilizando unos métodos especiales que trae dart para obtener el mínimo y máximo de una lista, podés ver el video acá: kzbin.info/www/bejne/iJTKeJuLgtV1rMk

[@emanuelantonio4783]

@@AndroideDelValle lo voy a ver, y te digo si me sirvió

[@darkraydr24]

De alguna manera se puede usar matrix en flutter?

[@AndroideDelValle]

No estoy seguro a qué te refieres. Que buscas hacer?

[@CarlosYN]

Disculpa una duda, que hay con los permisos? En mi caso no se ve el mapa y me dice que no tengo el permiso de ubicación y me dice algo del play services. Sabes algo al respecto, en todas las apps que te piden ubicación antes te piden aseptar, como es que en el ejemplo pudiste saltarte eso? Gracias por tu respuesta, saludos.

[@AndroideDelValle]

Para los permisos tenés que utilizar alguno de los package que más te guste, como por ejemplo pub.dev/packages/permission_handler. En el video yo le doy permisos a mano entrando a la configuración de la app en el sistema operativo

[@CarlosYN]

Ricardo Markiewicz gracias por la respuesta

[@moahaimen]

i really wish u make video in English , and i wish you make a full course about Google Maps with Flutter

[@victorolave2438]

Hola, Ricardo y comunidad, todo funciona pero las rutas que marca son bastante extrañas sin seguir las calles ni nada, ¿Alguna solución?. Excelente Tutorial por cierto 👌👌👌

[@AndroideDelValle]

La api de directions depende mucho de google y cuanto tiene mapeado, en mi pueblo por ejemplo es bastante malo en general. Pero no hay mucha solucion que yo conozco por lo menos.

[@jjjmarianito]

Hola Ricardo, una consulta en mí app quiero agregar método de pago con Mercadopago y los sdk están en otros lenguajes, Python, c#, etc. Hay alguna forma de integrarlo a flutter?

[@AndroideDelValle]

No vi un package para mercado pago todavía, quizás se pueda integrar usando la API rest directamente.

[@AndroideDelValle]

Encontré dos posibles paquetes, no probe ninguno, pero podes revisar las paginas. pub.dev/packages/mercadopago_sdk y pub.dev/packages/mercado_pago, el primero parece mas avanzado. Si los probas y tenés ganas después comentame como anduvieron.

[@jjjmarianito]

Sos un crack. Gracia por la respuesta, ahora me voy a interiorizar.

[@geovannychavez9547]

hola estoy tratando de habilitar la cuenta de facturación pero me sale cuenta suspendida alguna idea de porque sucede esto

[@AndroideDelValle]

La verdad que no, pero encontré este link que explica varios posibles motivos y qué opciones tenés: support.google.com/a/answer/2523116?hl=en, espero que alguno sea tu caso y lo puedas resolver.

[@omar12957]

Hola, alguna forma facil para trazar ruta en mapbox evadiendo un marcador puesto en el mapa ?

[@AndroideDelValle]

Quizás usando Google Directions se pueda, la lista de polilineas que te devuelve la API deberia servir para dibujar sobre. cualquier mapa. Otro servicio no conozco de momento para obtener caminos.

[@omar12957]

@@AndroideDelValle tengo la ruta creada por una polilinea directamente, puede implementar eso en el video seguido que subio ? claro está con mapbox, le agradeceria, el api que menciona funciona es con google maps , es el problema no ? estoy implementando mapbox

[@romaneloriginal4788]

Buenas! Alguien sabe como hacer una GPS con navegacion tipo Waze sin tener que usar el servicio de navegacion de MapBox o de Google Maps (que son carisimos)? Muchas gracias!

[@AndroideDelValle]

Tendrías que tener una base de datos de calles geolocalizadas localmente (se pueden comprar) e implementar algoritmos en el dispositivo para hacer la busqueda de rutas. Carisimo es relativo, si tu app va a ser gratis puede que parezca mucho, si vas a generar dinero deberia ser parte del calculo de tu costo para poder calcular el precio del servicio. Tenes que verlo como un insumo, no como un costo que no se recupera.

[@romaneloriginal4788]

@@AndroideDelValle Claro exactamente. Desde el dia de esta pregunta avance bastante con el tema y no es tan dificil como parece. Estoy utilizando Directions API y el Maps SDK de Google., sin estos servicios si que se complica mucho. Vale la pena pagarlos porque tiene un precio accesible el cual deberia poder recuperarse. Gracias por el consejo!

[@MiguelAngel-pz8qi]

Hola amigo buenos dias he arrancado el proyecto. Y no sale ningun error, pero el mapa sale como blanco, ahi te dejo la imagen. He cambiado mi API y he habilitado los servicios etc. No se que podrá ser, saludos. ibb.co/T8tPwk7

[@jjvillavicencio]

Hola buen vídeo, talves alguna forma de que la aplicación del repartidor no se cierre en segundo plano y pueda estar siempre escuchando nuevas solicitudes?

[@AndroideDelValle]

Para nuevas solicitudes lo ideal es mandar una push notification, podemos ver como hacerlo multiplataforma.

[@jjvillavicencio]

@@AndroideDelValle con ayuda de tus vídeos me animé a migrar a Flutter una aplicación de delivery de ionic y la mayor duda que estoy teniendo es caso de notificar por push cómo hacerlo a los más cercanos al pedido

[@AndroideDelValle]

Hay dos formas. Una es que la app manda a cada cierto tiempo la ubicación actual al server y este decide. Puede gastar mucha batería. La otra es que le mandas la push a todos y la app define si está lo suficientemente cerca para mostrar la pantalla al usuario o si la ignora.

[@codigoreal5853]

Hola Ricardo, muy buen tutorial como puedo hacerle para que me asigne al repartidor mas cercano?, Saludos

[@AndroideDelValle]

Eso en realidad debería manejarlo el backend, hacerlo en la app corres el riesgo de manipulación por parte de algún usuario más avanzado. Además en general la cercanía no es lo único que tenés que tener en cuenta, ya que quizás el más cercano recién dejo un paquete y hay uno que hace mucho no le das un viaje, depende mucho del negocio. Si fuera siempre si o si el más cercano sería enviar tu ubicación al backend y que este vea de los repartidores libres cual está más cerca. Para eso podés calcular la distancia lineal o pedir para cada repartidor el camino más óptimo y ver la distancia

[@codigoreal5853]

@@AndroideDelValle Gracias por la pronta respuesta, Estoy pensando hacerlo con Firebase todo el backend , tendría que estar revisando la ubicación de todos los repartidores con una consulta a Firebase?

[@AndroideDelValle]

@@codigoreal5853 so, creería que tendrías que utilizar Google functions seguramente e implementar la lógica ahí

[@codigoreal5853]

@@AndroideDelValle tendrás algún manual o algo de información para iniciar, Saludos

[@MyprojectAr]

Como siempre... sos groso

[@emanuelantonio4783]

Buenas tardes, una pregunta, y si por ejemplo quiero que el mapa me guie hacia mi destino, como se haría?

[@AndroideDelValle]

Te referís a ir hablándole al usuario? Tendrías que ir viendo la posición y en cada "step" que te da directions or usando alguna API de voz para ir dándole consejos de que hacer, es bastante complejo porque tenés que predecir cuando se va del camino, elegir un nuevo camino y esas cosas.

[@emanuelantonio4783]

@@AndroideDelValle pero si se puede hacer?

[@AndroideDelValle]

@@emanuelantonio4783 hacer se puede hacer todo! Después es cuestión de imaginación y un poco de técnica.

[@emanuelantonio4783]

@@AndroideDelValle podría hacer esa clase de ejemplo?

[@Mferrer]

tengo una consulta como hago para poner los marker en un model y llamarlos de ahi , soy muy novato en flutter

[@AndroideDelValle]

Tendrias que tener un array de Markers en tu StatefulWidget, de alguna forma (por ejemplo una llamada a una API externa) leer las coordenadas y agregar los markers a tu lista y luego llamar a SetState. Como los markers se asignan en el método build, cuando haces el setState el mapa deberia mostrar la nueva lista de markers.

[@Mferrer]

@@AndroideDelValle exelente muchas gracias voy a probar y te cuento

[@mastercode8947]

excelente vídeo, como puedo obtener solo la ubicación actual y mostrarla no en coordenadas sino en español ejemplo: Buenos Aires - Argentina

[@AndroideDelValle]

Para eso podes usar un reverse Geocoder, como este plugin por ejemplo: pub.dev/packages/geocoder, fijate en el ejemplo cuando hace Geocoder.local.findAddressesFromCoordinates

[@mastercode8947]

@@AndroideDelValle gracias, me fue de mucha ayuda, tienes alguna pagina o correo donde pueda comunicarme?

[@daviscriollo8539]

Hola Ricardo estoy surgiendo al pie de la letra esta aplicación que estás haciendo pero tengo un error dice q no está definido en para la clase MyApp al crear el ChangeNotifierProvider antes de MaterialApp pensé q era la versión pero el error persiste será q puedes explicar esa parte por favor . Gracias por tu ayuda

[@AndroideDelValle]

Habría que ver el error exacto, si podés copiarlo y pegarlo. Si no te recomiendo sumarte al server de discord que ahí podemos chatear y ver más en detalle el problema.

[@daviscriollo8539]

Estimado @@AndroideDelValle el problema que me sale es este: The method 'ChangeNotifierProvider' isn't defined for the class 'MyApp'. Try correcting the name to the name of an existing method, or defining a method named 'ChangeNotifierProvider'.dartundefined_method ------------------------------------------------------------------- Este es mi código en el archivo main.dart ------------------------------------------------------------------ import 'package:flutter/material.dart'; import 'package:travel_maps/pages/home_page.dart'; import 'pages/directions_Provider.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return ChangeNotifierProvider( build:(_)=>DirectionProvider(), child: MaterialApp( title: 'Material App', debugShowCheckedModeBanner: false, home: HomePage(), ), ); } } En realidad no se cual será el problema, soy nuevo en esto recien estoy aprendiendo Flutter , otra pregunta es cual es el medio de comunicacion que comentas:"sumarte al server de discord que ahí podemos chatear y ver más en detalle el problema." podrias enviar el link de esa pagina por favor para poder ingresar y sumarme al grupo Gracias de antemano

[@AndroideDelValle]

ChangeNotifierProvider es parte del package provider, y no lo veo en los importes, seguro que instalaste provider y tenés el import correspondiente?

[@daviscriollo8539]

Ricardo Markiewicz ya funcionó aquella parte ahora no aparece la polymine

[@luisricardomunoz5038]

Hola buen dia, me marca el siguiente erro cuando ejecuta var api= Provider.of(Context); me marca lo siguiente: Exception has occurred. _AssertionError ('package:provider/src/provider.dart': Failed assertion: line 193 pos 7: 'context.owner.debugBuilding || listen == false || _debugIsInInheritedProviderUpdate': Tried to listen to a value exposed with provider, from outside of the widget tree. This is likely caused by an event handler (like a button's onPressed) that called Provider.of without passing `listen: false`. To fix, write: Provider.of(context, listen: false); It is unsupported because may pointlessly rebuild the widget associated to the event handler, when the widget tree doesn't care about the value. The context used was: MyMap(state: _MyMapState#5a546) )

[@AndroideDelValle]

Fíjate que en el mensaje te da la solución: tenés que pasarme listen: false en la línea donde da el error. Seguramente estás usando una versión más nueva que la qué yo usé en el video y por eso falla.

[@albertocejacalderon8435]

Puedes probar con la siguiente linea var api = Provider.of(context, listen: false);

[@diego.coder26]

Hola la consola me arroga el error de los permisos de usuario para la la geo

[@AndroideDelValle]

Para usar ciertas cosas tenés que pedirle permiso al usuario primero. Hay varios plugins. Para el caso de la ubicación podés probar pub.dev/packages/location_permissions, aunque hay otros más genéricos.

[@diego.coder26]

@@AndroideDelValle gracias podrías hacer un vídeo gestionando múltiples ambientes de desarrollo en Flutter sería genial saludos

[@AndroideDelValle]

@@diego.coder26 por múltilpes ambientes te referis a por ejemplo movile y web? O solo android/ios?. Para el primer caso estoy esperando que algun plugin interesante ande en los dos, porque por ahora muy pocos andan y eso hace dificil hacer algo que no requiera cambiar muchas cosas a mano. El segundo caso no se si es tan intereasnte como para un video,

[@diego.coder26]

@@AndroideDelValle hola me refiero a diferentes ambientes, desarrollo, testing, producción con archivos .env para separar los builds saludos

[@sounymalivanh889]

Help me pls i got this Error I/flutter (11825): ERRROR !!! REQUEST_DENIED

[@sounymalivanh889]

This API project is not authorized to use this API.

[@AndroideDelValle]

You have to authorize the app to use Google maps in the Google developer console. There you can create an API key to use.

[@marcecam747]

muy bueno pero un poco mas despacio

[@diegomartinpachecopastor4052]

Sale muchos errores ,me quede casi en la mitad del proyecto lo que pasa es que yo ya tengo pantallas hechas,y solo quiero acoplarlas pero me bota muchos errores seria bueno tbm que hagas ejemplos con proyectos ya avanzados,desde ya muchas gracias.

[@AndroideDelValle]

Habría que ver en error en particular. Podes sumarte al discord y ahí podremos ver de ayudarte mejor.

[@nanisamireddy]

Could you please make this video in English so this can be understood by many people

[@AndroideDelValle]

Hi Nani, Right now I'm focusing on the Spanish community. There are a many good channels focused on flutter in English