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}

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

Map in react-native-webview, How to zoom?

maps

zooming

webview

react-native