Skip to content

Instantly share code, notes, and snippets.

@schmidt1024
Last active October 5, 2021 17:23
Show Gist options
  • Save schmidt1024/aec7ed3dae3262d975d6d53009ef6aa8 to your computer and use it in GitHub Desktop.
Save schmidt1024/aec7ed3dae3262d975d6d53009ef6aa8 to your computer and use it in GitHub Desktop.
start external map navigation from ionic 2 app for ios and android; needs cordova-plugin-geolocation
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');
};
});
});
};
}
@rafaelbatistamarcilio
Copy link

Hello Friend,

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

map

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

@yuan8
Copy link

yuan8 commented Nov 11, 2017

so its solved?

@shafiqshams
Copy link

Thank you so very much <3

@skydevelopers
Copy link

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

@fagianijunior
Copy link

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.

@alfonso100
Copy link

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!

@melovinpogi
Copy link

updated syntax for ios 11+ ionic 3

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

@maurosou
Copy link

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");
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment