如何从 React Native iOS 链接查询谷歌地图

【问题标题】：How to query google maps from React Native iOS linking如何从 React Native iOS 链接查询谷歌地图
【发布时间】：2019-03-01 03:25:03
【问题描述】：

我有一个像这样的带有谷歌地图链接的应用

const url = Platform.select({
      ios: `https://www.google.com/maps/search/?api=1&query=${label}`,
      android: `${scheme}${latLng}(${label})`
});
Linking.canOpenURL(url)

我想要做的是使用 query=${lat},${lon} 并使用上面描述的标签来查询谷歌地图，因为当我进行查询时，谷歌地图会在该位置打开，但 pin显示经纬度，我想显示标签字符串

请帮忙！

【问题讨论】：

标签： ios google-maps react-native

【解决方案1】：

我刚刚想通了。如果您安装了谷歌地图，它将使用所需位置打开应用程序并正确固定。如果您没有安装谷歌地图，它将打开带有谷歌地图和位置的浏览器！ :)

const scheme = Platform.select({ ios: 'maps:0,0?q=', android: 'geo:0,0?q=' });
    const latLng = `${your Lat},${your Long}`;
    const label = this.state.clinic.name;
    const url = Platform.select({
      ios: `https://www.google.com/maps/search/?api=1&query=${label}&center=${lat},${long}`,
      android: `${scheme}${latLng}(${label})`
    });
    Linking.canOpenURL(url)
    .then((supported) => {
        if (!supported) {
            browser_url =
            "https://www.google.de/maps/@" +
            latitude +
            "," +
            longitude +
            "?q=" +
            label;
            return Linking.openURL(browser_url);
        } else {
            return Linking.openURL(url);
        }
    })
    .catch((err) => console.log('error', err));

【讨论】：