React-Native 从谷歌街景获取 pov 值

Question

我需要从谷歌街景访问 POV 值。

目前我有一个嵌套在 WebView 中的 iFrame，如果我使用 WebView 获取 url，它会返回空白。

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 中正在更改 (?) 的 url 中，但我不确定如何访问它。

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

Answer 1

试试这个可能会有帮助

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

解析url以访问参数

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

结果会给你

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