在本机设备地图应用程序上打开地图网址

问题描述 投票:0回答:2

问: 我需要在本机地图应用程序上打开此类链接。你能告诉我这里应该使用什么插件吗?

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

我使用了 Capacitor Browser 插件,它在具有上述 URL 的 Android 设备上运行良好。即它显示谷歌网络地图。但在 iOS 设备上,它在控制台上显示没有有效的 URL 错误,并且不显示应用程序内浏览器。

请问这里有什么线索吗?

解决方案:

 this.inAppBrowser.create(url, '_system');
angular typescript ionic-framework capacitor ionic-native
2个回答
1
投票

您可以使用:Cordova 浏览器插件:

Cordova 应用内浏览器

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

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

0
投票

电容v8

浏览器

npm install @capacitor/browser
npx cap sync
import { Browser } from '@capacitor/browser';

const openCapacitorSite = async () => {
  await Browser.open({ url: url });
};

电容v6

对于电容器,您将使用 launch-navigator

import { LaunchNavigator } from '@awesome-cordova-plugins/launch-navigator/ngx'
import { Capacitor } from '@capacitor/core'

constructor(
  private _launchNavigator: LaunchNavigator
) {}


public openMap(destination: string) {
  if (Capacitor.getPlatform() === 'web') {
    // To be able to test it on your laptop, remove if not needed
    window.open(`http://maps.google.com/?q=${destination}`)
  } else {
    this._launchNavigator.navigate(destination)
  }
}
© www.soinside.com 2019 - 2024. All rights reserved.