在react-native-webview中的地图，如何缩放？

Question

我使用react-native-webview将地图放入webview，如下所示：

<WebView
   geolocationEnabled={true}
      source={{
         uri:
              "https://www.blablabla",
          }}
      originWhitelist={[
            "https://www.blavla.org",
            "https://www.blabla.com",
          ]}
   style={{ marginHorizontal: 0, backgroundColor: "transparent" }}
/>

给我这个：

​

​

但是正如你所看到的，它并不是很清楚，我想缩放以更好地阅读地图(它太小了，这样我们就看不到任何东西了)。我该怎么做呢？

感谢您的帮助！:)

Answer 1

您的站点已设置了meta格式的页面宽度

所以你需要用injectedJavaScript覆盖它

injectedJavaScript={`const meta = document.createElement('meta'); 
meta.setAttribute('content', 'width=device-width, initial-scale=0.5, maximum- 
scale=0.5, user-scalable=0'); meta.setAttribute('name', 'viewport'); 
document.getElementsByTagName('head')[0].appendChild(meta); `}
scalesPageToFit={false}