angulartypescriptionic-frameworkcapacitorionic-native

Open a Map Url on a native device Map app

Q: I need to open this kind of link on the Native Map app. Can you tell me what plugin should I use here?

https://www.google.com/maps?q=15405 Hebbe Ln+Au...

I have used the Capacitor Browser plugin and it works nicely on Android devices with the above URL. i.e. it shows Google Web map. But on the iOS device, it shows not have a valid URL error on the console and not showing in-app browser.

Any clue here, please?

Solution:

 this.inAppBrowser.create(url, '_system');
Solution

  • You can use: Cordova Browser Plugin:

    Cordova in-app-browser

    const options: InAppBrowserOptions = {
   zoom: 'no',
   location: 'yes',
   toolbar: 'yes'
 };

const browser = this.iab.create(url, '_blank', options);