Skip to content

Instantly share code, notes, and snippets.

@danharper

danharper/demo.md

Last active January 20, 2024 16:09
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save danharper/844382901f7a7b73b90a to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save danharper/844382901f7a7b73b90a to your computer and use it in GitHub Desktop.
Download ZIP
Open native Maps apps on iOS and Android in Cordova
Raw
demo.md
iOS (with pin, iOS will lookup address too and show that as label)
maps://?q=LAT,LNG
Android, no pin (just open at location)
geo:LAT,LNG
Android, with pin
geo:0,0?q=LAT,LNG
Android, with pin, with custom label
geo:0,0?q=LAT,LNG(LABEL)
Raw
example.js
var geocoords = lat + ',' + lng;
if (iOS) {
window.open('maps://?q=' + geocoords, '_system');
}
else {
var label = encodeURI('7 East Street'); // encode the label!
window.open('geo:0,0?q=' + geocoords + '(' + label + ')', '_system');
}
@Livideakoto
Copy link

Livideakoto commented Jan 20, 2024

For the Android part to work, make sure to add <allow-intent href="geo:*" /> to the Android section of config.xml. I didn't need to do this with "maps:*" for iOS but I added it anyway just in case.

@rafal-r At least with the latest Cordova it's not necessary to have inappbrowser installed (confirmed working without it):

"cordova-android": "^9.1.0",
"cordova-ios": "^6.2.0",
"cordova": "^10.0.0",

Here's what works for me:

const query = "53.723337, -69.995790";
if (ios) {
  window.location.href = encodeURI(`maps://?q=${query}`);
} else if (android) {
  window.open(encodeURI(`geo:0,0?q=${query}`), "_system");
}

This worked for me!! 2024 Cordova android

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