reactjs - 无法在 native webview 中打开谷歌地图

Question

我想显示谷歌地图导航页面以获取方向。为此，我在 react native(android) 的 webview 中打开 google maps url。这是我的代码:

<WebView
    source={{uri: 'http://maps.google.com/mapsdaddr=28.69875679999999,77.29257710000002'}}
    style={{height : 400, width : 320}}
  />

它只是显示空白。我认为这可能是 https 问题，但事实并非如此。我尝试了“https://www.amazon.com/”，它显示正常，其他一些网络链接也是如此。感谢您的帮助。

Answer 1

所以我开始知道 Webview 不是打开谷歌地图方向的正确选择。所以我使用了react-native的Linking Api。这是代码片段:

我需要打开我的 map 的链接，

<TouchableOpacity onPress={() => {self.startNavigation('geo:37.484847,-122.148386')}}>
       <View>
          <Text style={styles.link}>START NAVIGATION</Text>
       </View>
</TouchableOpacity>

点击上面提到的链接，“startNavigation”方法被调用:

startNavigation(url) {
    Linking.canOpenURL(url).then(supported => {
      if (supported) {
        Linking.openURL(url);
      } else {
        console.log('Don\'t know how to open URI: ' + url);
      }
    });
  }

这会在我的手机上打开 google maps android 应用程序。