Ionic Google Maps part 2 - turn by turn navigation

Part 2 of 3 video tutorial series, we look at how to integrate Google Maps Turn-by-turn navigation.

In part 1, we integrated Google Maps and created custom markers with custom info windows. In part 2, we add a 'navigate' button that when tapped it opens up the Google Maps app or if no Google Maps app is installed on the device or if the app is running in the browser, it will instead open the google maps web app in a browser window and hand over navigation to Google Maps. Google Maps will then take over and plot directions from the users' current location, to the location indicated by the marker whose 'navigate' button was clicked on. In a future tutorial, we will explore how to implement the navigation functionality within the Ionic app without handing over to Google Maps.

Make sure you hit the red subscribe button and click the bell icon so that YouTube notifies you when new tutorials are uploaded. Also, remember to like & share this video.

[wobsoriano]

Would be nice to see a basic clone of Uber. Something like a moving car marker from point A to point B

[unknown_traveller]

Thanks alot for this tutorial. For me it would be great if you could do a video about navigation in the app without jumping into google maps

[nadjinmalade]

I was looking for that code. You're the best Thanks a lot!

[rampage]

thank you! Been looking for this for a long time!

[RandomVideos-bqxn]

Could you continue this tutorial? If you could add an address finder like uber

[RandomVideos-bqxn]

Thanks you very much really appreciate this talent

[vineethk]

While building this i seen that app getting closed after display time we set. Is there any solution to make the screen always on while map is on?

[bombrman]

trying to find the link to the tutorial for the the in-app navigation implementation

[jeganr]

Thank you so much.. it works perfectly in mobile app..

[saurabhsharma-dlxc]

ooowwsssmmm buddy 100% perfect thank you soo much

[jamespeterson]

@code swag
(1) If we use ionic storage..
So will be store data on ( web browsers, android, ios ) on localstorage ?
(2) if we use ionic SQLite,
So will it create database on all three ( web browsers, android or ios) ?
If all three, then good..
If it doesn't create database on browsers, so what to do in that case?

[iandeleon]

Hi can you help me, show image on info window using downloaded picture on assets?

[tongsay]

The requested URL /maps/dir was not found on this server. That’s all we know.

[marioalexcastillojara]

Nice tutorial. Can you make an example of how to clustering markers?

[leolee]

Hi, I got this error. Can you help me please?
404. That’s an error.

The requested URL /maps/dir was not found on this server.

[stijnbeckers]

The mentioned google maps url doesn't work (anymore) ? Is there another way to integrate google maps navigation

[mohamadfarhanbinmohdfauzi]

hi, can i have the current link to navigate?

[abrarrajput]

not working pls help me ?? I click on navigation nothing happen nor console log generated?

[RajeevKumar-sthr]

Please share code for google map autocomplete

[mthobisimtshali]

still waiting for integrate in app navigation