React-Native从Google StreetView获取POV值

如何解决React-Native从Google StreetView获取POV值

我需要从Google街景视图中访问POV值。

当前，我在WebView内嵌套了一个iFrame，如果我使用WebView向我获取网址，它就会变空。

WebViewNativeEvent.url => returns 'about: blank'
<WebView
    ref={this.webview}
    onNavigationStateChange={WebViewNativeEvent => this.onNavigationStateChange(WebViewNativeEvent)}
 rest of webview props...
 source={<iframe containing url to embed API streetview/>}
 />

我相信我需要的所有值都在iFrame中正在更改（？）的网址中，但是我不确定如何访问它。

是否可以在WebView上使用注入javascript道具以某种方式从iframe获取更新的网址？

解决方法

尝试一下可能会帮助

<WebView
   originWhitelist={['*']}
   javaScriptEnabled={true}
   source={{html: `<iframe id="playerFrame" src="https://..." ></iframe>`}}
   onNavigationStateChange={(navState) => {
      // navState.url ...              
   }}
/>

解析用于访问参数的网址

var regexp = /[?&]([^=#]+)=([^&#]*)/g;
var params = {};
var check;
while (check = regexp.exec(url)) {
  params[check[1]] = check[2];
}

结果会给你

Object {
  "param": "value","param": "value",}