Ionic 传单:如何在谷歌Map/ Waze本地应用程序中打开一个地方并使用它来导航?

vjhs03f7  于 2022-12-16  发布在  Ionic
关注(0)|答案(1)|浏览(139)

我正在使用Ionic React/React Native开发移动的应用程序。我希望使用Leaflet显示静态Map和标记。如果用户单击标记,我希望在Google Map/Waze/任何原生Map应用程序中打开坐标,然后使用该原生应用程序将用户导航到标记。
有没有办法打开marked place到本地Map应用程序?

i2byvkas

i2byvkas1#

GoogleMap提供跨平台深度链接通用URL。如果安装了本机GoogleMap应用程序,则将使用该应用程序打开,否则,使用用户设备上安装的默认Web浏览器。
您可以使用React Native Linking API动态链接到特定位置。

import { Linking, Alert } from "react-native";

async function openWithGoogleMap() {
  /** Google Map API offers different URL to deep link to various locatioon and map ressources.
   * Check their docs - https://developers.google.com/maps/documentation/urls/get-started
   */
  const url =
    "https://www.google.com/maps/search/?api=1&query=47.5951518%2C-122.3316393";

  const supported = await Linking.canOpenURL(url);

  if (supported) {
    // Opening the link with some app, if the URL scheme is "http" the web link should be opened
    // by some browser in the mobile
    await Linking.openURL(url);
  } else {
    Alert.alert(`Don't know how to open this URL: ${url}`);
  }
}

相关问题