start external map navigation from ionic 2 app for ios and android; needs cordova-plugin-geolocation

location.ts

startExternalMap() {
  if (this.location.latitude) {
    this.platform.ready().then(() => {
      Geolocation.getCurrentPosition().then((position) => {
        // ios
        if (this.platform.is('ios')) {
          window.open('maps://?q=' + this.location.name + '&saddr=' + position.coords.latitude + ',' + position.coords.longitude + '&daddr=' + this.location.latitude + ',' + this.location.longitude, '_system');
        };
        // android
        if (this.platform.is('android')) {
          window.open('geo://' + position.coords.latitude + ',' + position.coords.longitude + '?q=' + this.location.latitude + ',' + this.location.longitude + '(' + this.location.name + ')', '_system');
        };
      });
    });
  };
}

iOS Map Links
https://developer.apple.com/library/content/featuredarticles/iPhoneURLScheme_Reference/MapLinks/MapLinks.html

Google Maps-Intents
https://developers.google.com/maps/documentation/android-api/intents?hl=de

cordova plugin add cordova-plugin-geolocation

Hello Friend,

Do you know how to open the map with the route from the position of the device to the reported coordinates?

Thanks for the previous post, it helped a lot !!

so its solved?

Thank you so very much <3

I am a beginner in Ionic from skd please tell me what are the variables here in the above code

HI, thank you for the code.
This open the maps, but when I press back button on android it go back to my app and relaunch the map again.
If I change to my app it relaunch the map again. Like a redirect page when you press back in navigator.

I had an issue with opening links to google maps app, from my Ionic app. The user location was not available so the user wasn't able to navigate.
This plugin solved the issue!

updated syntax for ios 11+ ionic 3

window.open('maps://?q=' + address, '_system');

import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';

constructor(public iab:InAppBrowser)

OpenMap(address) {
this.iab.create("https://maps.google.com/maps?q=" + address, "_blank");
}