However, if there are no Google Map or Waze App found in your device, it should fall back by opening a web browser showing the location of the coordinate on the website of your choice (either Google or Waze). This should work for both Android and iOS. You should be able to use the action sheet controller within your Ionic application to directly open a map app of your choice.

A button to cancel the operation and closing the action sheetĪnd that is it.A link to open the location via the Waze App and start navigation.A link to open the location via the Google Map App and start navigation.This should populate the action sheet list with 3 options: Take note, the only difference in this block of codes if compared to the previous one is from line 24 to 58, where we have added the links inside of the actionLinks array using. You can get the coordinates for any points on earth through the Google Maps Website (Thanks Google!).

Here’s how to build it within an Ionic Angular App: Step 1. Its quite surprising how simple and easy it is.

The solution, as simple as it may sound, involves linking to a URL. I decided to try to find a simpler solution to this problem. There were many solutions to this problem, some are much more complex than the other and some of these solutions are not what I wanted. The idea is, it would be easy for their customer to navigate to their location, in case, they needed to come over to the office. I was building an app and the client wanted me to automagically open their office address, directly on Google Maps App or Waze App from their mobile app. I have scoured the internet looking for a solution to this problem. “…I want it so that my customer can just click on a button and it opens the Google Maps or Waze app directly to navigate…”- Unnamed client The Ionic versions that I am using here are:

G maps app