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",
}