Calculando rutas óptimas con Google Maps (Directions API) + Ionic + Angular

[@jeremybarquero9748]

Toma tu like buen hombre, levo horas tratando de activar el trazar ruta y nada hasta ahorita..!!! eres mi heroe..!!!

[@leopoldomendezperez6058]

Muy buena explicada amigo de vedad has sido mi angel, en la realizacion de un proyecto que estoy haciendo, todo los conocimientos que aportas son funcionales Mil Gracias Amigo.

[@devtao]

Bro te mereces un millón de suscriptores

[@leodanielbc]

Cerrando el año con conocimiento, Feliz año Nico. Éxitos

[@nicobytes]

Muchas gracias y espero también hayas pasado un feliz año.

[@miguelhyto54]

super bien, haz mejorado bastante tu manera de transmitir

[@nicobytes]

Hola, muchas gracias por ver los videos y si espero mejorar cada vez más el contenido del canal.

[@UNDERTAKERMARKHBK100]

Gracias por el aporte bro, funciona sin tema

[@gonzalesgamer3613]

Muchísimas gracias... Feliz año.. Nico

[@nicobytes]

Igualmente espero hayas pasado un feliz año!

[@JHONATANDAVIDFERNANDEZROSA]

Y se ha ganado su like. DIOS TE BENDIGA PAPA

[@MrJuandaj]

muchas gracias, buen video

[@josealfredosantillanreyes9202]

Hola, dudo que me respondas pero igual haré la pregunta. Como hacer para que se valla quitando el draw cuando el dispositivo va avanzando? Es decir, que se valla borrando la línea conforme avanza por la ruta establecida

[@666INFINITY]

Gracias Nico... Por tan buena información. Saludos...

[@nicobytes]

De nada de eso se trata que te sea de gran utilidad.

[@Gaby-ku6jz]

Muchas gracias por este gran aporte.

[@douglasrodriguez2255]

quisiera consultarte, como podria utilizar background gelolocation con capacitor ya que con cordova si se puede pero con capacitor al parecer no, podrias ayudarme

[@JhonMiranda-rs2ch]

Hola @nicobytes, dónde puedo localizarte, me interesa comentarte sobre un proyecto. Saludos

[@carloscriollo8221]

Excelente, una consulta como hago para poner un botón que diga iniciar ruta y poder implementar la función para iniciar la ruta desde un punto origen hacía un punto destino gracias saludos

Muy buen video, muchas gracias!

[@byholaz]

Una consulta...nesecito saber cada vez que se tenga que realizar un giro en la ruta trazada, sea por izquierda o derecha ...como puedo obtener ese daro

[@joseeladioarredondovelez9523]

Hola. Muy buen aporte. En mi ensayo, un punto me quedó por fuera de la futa. Porqué sucede ésto?

[@juanmanuelviveros7291]

Excelente aporte Nico, si quisiera cambiar el lenguaje en el que se dan las indicaciones y agregar las indicaciones por voz como se aria podrías compartir el enlace donde encuentre mas documentación, Gracias. Feliz año.

[@nicobytes]

Esta parte no he probado si se puede hacer interna desde la app, pero lo que si puedes hacer es que desde tu app enlaces hacia la app de navegación de Google, yo lo hice en un proyecto con este plugin: ionicframework.com/docs/native/launch-navigator

[@crisgarlez]

Muchas gracias por tu dedicación

[@nicobytes]

Muchas gracias a ti por ver los videos.

[@YERSONALEJANDROBURBANORAMOS]

Excelente vídeo, quisiera saber como marcar una linea recta de un punto al otro punto, es posible?

[@ricardomm6535]

hola nicobytes ? se puede por ejemplo tener varios puntos en la ruta ? por ejemplo mi punto inicial , despues varios puntos intermedio donde la Api vaya generando esta ruta hasta llegar al punto Final ( mas lejos ) por ejemplo en una delivery app. donde el repartidor lleve mas de una entrega.. espero me haya explicado, gracias

[@alejandroalfonsogarciagonzalez]

excelentes tips muy bueno gracias por compatir tus conocimiento podría hacer otros tips por ejemplo para hacer aplicaciones como uber, uber eats, indriver, globo. seria bueno como se mueve el vehículo cuando va al punto de destino y que se necesitaría para notificar a la persona a quien va a recoger o va entregar un pedido para que vea el avance en el mapa. Bendiciones y muchas gracias

[@nicobytes]

ok si claro hacer background geolocation es algo que he hecho y lo puedo compartir en los videos.

[@geovannybastidas778]

@@nicobytes tienes algún vídeo donde muestres background geolocation

[@sulcoot]

hola, una consulta. Vi tu tuturial y lo encuentro excelente, yo trabajo en una empresa donde me mandan a hacer trabajos en distintas ubicaciones, ( son atrás, pero siempre las mismas) podría incluir todas estas ubicaciones (2000) y después hacer como un filtro dónde elija las que quiero y que después me las ordene de forma automática? saludos

[@edisson7849]

Excelente video muy explicativo, tengo una duda en los servicios de google ¿cómo puedo ubicar referencias cercanas? es decir poner un lugar de destino y saber que otros lugares hay cercanos.

[@TheNuke45]

Excelente video, donde puedo ver uno donde lo haces desde cero

[@rolyg2k]

una consulta, necesito ver como hago que el usuario se identifique su posicion y se recupere negocios cercanos a la persona (obviamente esos negocios estan registrados en el sistema)

[@cesars1676]

los que preguntan como ver en tiempo real una idea es utilizar firebase y desde tu bk mantienes actualizado fb con la posicion que el dispositivo te va a anunciando, en el front te suscribes a esos cambios, o puedes directamente desde el js actualizar firebase depende de tu aplicacion

[@baruchspinoza3592]

No existe un servicio gratuito o de pago por google maps optimizador de rutas más sencillo?

[@gmportal123]

Muy buen video Nico. Como obtendria la distancia entre el punto A y B en el google maps. Me estaria faltando eso. Muchas gracias.

[@GustavoGarcia-sv1js]

summaryPanel.innerHTML +="distancia: "+ route.legs[i].distance.text pero para decuar las variables es mejor ver la documentacion en google developers

[@iitzjona6028]

Excelentes videos. Una pregunta, como se agregarían títulos en los wayPoints para ya verlos en el mapa ¿?

[@ManuRoR-Gamer]

Buenas amigo, preguntando, si esos elementos los quisiera sobre el mapa para tener el mapa como de fondo a sus proporciones de 100%, como se haría?

[@karitoberlanga9201]

Hola Nico, disculpa ¿Cómo podría poner dos rutas distintas (No waypoints dentro de la misma ruta, sino dos rutas con sus propios waypoints) en el mismo mapa y con distinto color?

[@Marcodelahoz1991]

Hola como hago para obtener la distancia entre multiples puntos?. se obtener de un punto A a un punto B pero se me complica cuando hay varios puntos. podrias ayudarme

[@ericmena8553]

si calculo el eta sin las direcciones ?? como se podria hacer

[@carlis1229]

Que buen aporte. Gracias

[@nicobytes]

Me alegra que te haya sido utilidad para ti

[@RandomVideos-bq2xn]

Muy bueno me ha servido mucho lastima que no tiene un input para ingresar o buscar direcciones o un auto location para que le diga donde se esta ubicado como uber, pero hombre te doy un +100

[@jhonotalvaro7785]

Si pudiste insertarle el input Jordan

[@renzoortiz7653]

Nico una consulta , solo puedo optimizar hasta 25 direcciones , como puedo aumentar esa cantidad por fa, gracias

[@GustavoGarcia-sv1js]

no es posible, es el maximo de waypoints

[@JHONATANDAVIDFERNANDEZROSA]

Una pregunta, que marca es tu micrófono.

[@eduardoantonioorozcoperez624]

Es posible crear una ruta óptima para tráiler o camiones de carga?

[@flyboxdeprisa]

Hola NIco buenos dias, tu has realizando ruta optima con varios puntos de parada? agradecería donde te puedo contactar. Gracias John

[@lb5443]

Como podría hacer que en ves de mostrarme las indicaciones me diga las indicaciones

[@karitoberlanga9201]

¿Encontraste como realizarlo? veo que no te conestó y quisiera saber si existe la manera

[@gearxinc554]

Gracias bro, quisiera saber como puedo hacer para que la persona escriba la direccion del punto b y aparezca el market ? muchas gracias por tus videos...

[@jhonotalvaro7785]

Si lo lograste Gearx

[@juancarlosortiz5479]

Y si quisiera ver el recorrido en tiempo real? Buen video Nico te sigo desde platzo

[@rickardobp5086]

Hola! Yo tengo una pregunta.....es posible obtener el tiempo que me demoro entre cada punto. por ejemplo cuanto tiempo me gasto entre el punto A hasta el punto B. Gracias y Éxitos!!

[@otayajavier1]

Si, con la api de Google activas un servicio que se llama Directions el codigo te devuelve Distancia y Tiempo del recorrido

[@guillermorodriguez5925]

Gracias Nico, comienzo con Ionic 4 y ya implementando tus conocimientos. Genial! Tengo 2 preguntas por favor: 1. es posible poner las indicaciones en otros idiomas ? Tengo variable con el idioma que el usuario eligió. 2. cuál sería la manera más adecuada que el usuario elija el travel_mode ? progamar 4 buttons ? O hay alguna otra manera ? muchísimas gracias !

[@nicobytes]

Hola! gracias por ver los videos. 1 = Cuando envías al calculo de la ruta puedes enviar la variable: language. 2 = creo que la mejor forma integrada con ionic pueden ser 4 botones como lo mencionas, fab buttons podrían funcionar bien.

[@carloscortina2162]

Excelente tutorial, una preguna existe una manera de guardar los datos del punto A y B en firebase y tambien agarrar los datos de un sitio en especifico de firebase para hacer el mismo recorrido varias veces?

[@nicobytes]

Hola, gracias por ver los videos y es posible, es decir una vez elegidos los puntos los puedes guardar en Firebase también la respuesta de Directions API.

[@KingNBearFutbolenVivo]

Hola, muy buen video. Me gustaria saber si no fuese mucha molestia como podrias obtener el recorrido en tiempo real.

[@karitoberlanga9201]

Hola amigo, ¿lograste encontrar la manera de hacerlo? veo que no te contestaron después de un año y me encuentro con esa misma problemática ¿Me puedes apoyar?

[@rickmaert]

como podria capturar las indicaciones en un array?

[@emanuellemos5818]

la API de google map es de pago cierto ?

[@davidvadivieso8734]

Excelente trabajo. Una pregunta, como puedo hacer para realizar algo parecido a Google Maps cuando pones INICIAR y te va diciendo la ruta por donde ir?

[@karitoberlanga9201]

Hola amigo, ¿lograste encontrar la manera de hacerlo? veo que no te contestaron después de un año y me encuentro con esa misma problemática ¿Me puedes apoyar?

[@MiguelAngel-pz8qi]

Hola como estas. Como puede realizar optimizar puntos con PIPELINES o varios puntos, y no sea solo un punto A y B?

[@darioarango671]

Se puede?

[@Sergio215993]

Nico que tal, ojala me puedas ayudar con esto: quiero hacer un mapa con areas 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 ruta optima lo que requiero es el área de cobertura que se puede tener alrededor de una o varias estaciónes 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. Sé que hay programas como argis o qgis pero la verdad se me hacen muy complicados no he tenido éxito. Gracias saludos

[@pedroramirezcordero6773]

Hola, exelente contenido, soy nuevo en tu canal. Tengo una pregunta Quiero que la latitud y longitud se obtengan de un formulario, ¿Es posible hacerlo? Estaba pensando en otra alternativa que sería tener el mapa y poner los markets dentro de manera interactiva y así obteniendo la lat y lng

[@orlandotobardiaz7261]

Con Geolocation obtienes tales parametros

[@dasuarez85]

Hola Nico, Gracias por el tutorial. Tengo una inquietud que tal vez me podria solucionar, Es posible incluir informacion de una red de transporte externa y que igualmente tenga la opcion de realizar el calculo de ruta optima con dicha red, por ejemplo la red de bicirutas de Bogotá ? Gracias

[@nicobytes]

Hola! pues Google tiene 4 opciones para analizar una ruta optima, en carro (la que vimos en el video), en bicicleta, una moto, a pie y en bus. Entonces puedes escoger la opción de la bici y en esa opción toma las rutas disponibles de la cuidad.

[@dasuarez85]

nicobytes es que escogí la opción en bicicleta... pero es muy extraño ya que no permite el cálculo de la ruta con esta opción, entonces pensé que seria posible si se incluye información externa para realizar el cálculo de la ruta...

[@ericpage7532]

hola nicobytes, quiero mostrar la ruta que un marcador ha hecho, la lat y lng los tengo guardados y quiero que me muestre en un trazado

[@nicobytes]

Hola! puedes usar el método Polyline de google Maps para dibujar el recorrido. developers-dot-devsite-v2-prod.appspot.com/maps/documentation/javascript/examples/polyline-simple

[@ramirogarzon9864]

Excelente Nico, como se puede ver el recorrido en tiempo real

[@Velasoft13]

Esto lo haces con launch navigator, Saludos!

[@lorenbellomo]

Genio

[@nicobytes]

Hehehe gracias por el alago

[@mundotec9716]

nico me puedes ayudar como hacerlo dinamico teniendo mi geolocalizacion y mi destino en un buscador

[@nicobytes]

ok lo hare para los próximos videos.

[@daniloandrescarrion8627]

@@nicobytes Sí por favor, sería intersante con geolocalización.. .estoy intentado usar un llamado cordova-plugin-geolocation habrá algún problema al integrarlo con tu tutorial?

[@paulbautista5797]

Gracias, te hice llegar a 100 likes jeje

[@alxx736]

Consulta,cual es el costo de la Api?

[@GustavoGarcia-sv1js]

inicialmente es gratuita, pero si pasa de x consultas tiene un costo que varia segun lo que se este pidiendo a la api. igualmente hay que inscribir una tarjeta de credito, y te da 200 usd al mes de prueba

[@lubodimitrov8778]

Hola, cuantas paradas se pueden añadir como maximo?

[@nicobytes]

Según la API de Google hasta 25 waitpoints

[@renzoortiz7653]

@@nicobytes y podría aumentar ?

[@GustavoGarcia-sv1js]

@@renzoortiz7653 no, es el maximo hasta para un plan premiun

[@zuz2511]

A alguien mas le pasa que maps da muchos errores en ionic?

[@tonygs7644]

no toma la posición del areglo

[@codigoreal5853]

Hola Nico, ya hice el ejemplo y funciona muy bien, pero le agregue la funcionalidad para que obtenga las coordenadas de forma dinámica con Autocomplete pero tengo un problema con la variable destino la cual pierde su valor podrías ayudarme? seleccionarDestino() { const inputdestino = document.getElementById('dir-input'); const autocompleteDestino = new google.maps.places.Autocomplete(inputdestino); // tslint:disable-next-line: only-arrow-functions autocompleteDestino.addListener('place_changed', function() { const placeDestino = autocompleteDestino.getPlace(); this.latdestino = placeDestino.geometry.location.lat(); this.lngdestino = placeDestino.geometry.location.lng(); this.destination = {lat: this.latdestino, lng: this.lngdestino }; console.log(this.destination); // aqui, imprime las coordenadas correctamente }); } calculateRoute() { this.directionsService.route({ origin: this.origin, destination: this.destination, // Aqui , viene vacía mi variable travelMode: google.maps.TravelMode.DRIVING, }, (response, status) => { if (status === google.maps.DirectionsStatus.OK) { this.directionsDisplay.setDirections(response); console.log(response); } else { alert('Could not display directions due to: ' + status); } }); } Saludos.

[@tionico5199]

Lograste solucionarlo?

[@codigoreal5853]

@@tionico5199 si quedo solucionado

[@tionico5199]

@@codigoreal5853 podrías pasar la solución?

[@codigoreal5853]

@@tionico5199 claro, pero este fin de semana andaré ocupado puedes escribirme por aquí el día Martes

[@N3xlow]

el 31 de dic justo jaja

[@RandomVideos-bq2xn]

Has un patreon para poder videos

[@fernandodiaz8156]

amigo como estas tengo una duddo si yo no ingreso mi numero de tarjeta no puedo hacer que me deje sacar la ruta optima