Question

我有一个带有这样的Google Maps链接的应用程序

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}并使用上面标签中描述的名称来查询google地图，因为当我执行查询时，google maps在该位置打开但该图钉显示纬度和经度，我想显示标签字符串

请帮助！

Answer 1

我只是想通了。如果您安装了Google地图，它将在所需的位置打开应用并正确固定。如果您没有安装谷歌地图，它将打开带有谷歌地图和位置的浏览器！：）

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));

如何从React Native iOS链接查询Google Maps

1 个答案: