如何在react-传单中将弹出窗口添加到WMS层

Question

我使用react-leaflet来显示WMS层

<WMSTileLayer url="http://localhost:8080/geoserver/cite/wms?service=WMS" {...mapprops2} ></WMSTileLayer>

我使用geoserver url来获取数据，但是我应该如何将用户点击（纬度，经度或X和Y）传递到此链接并获取数据？

http://localhost:8080/geoserver/cite/wms?service=WMS&version=1.1.0&request=GetFeatureInfo&layers=cite%3Acar&QUERY_LAYERS=cite%3Acar&bbox=-3.2503604888916%2C51.4469833374023%2C-3.1654863357543 9%2C51.5405578613281&宽度=696&高度= 768&srs=EPSG%3A4326&格式=应用程序/json&INFO_FORMAT=应用程序/json&FEATURE_COUNT=50&X=50&Y=50&样式=&宽度=101&高度=101

如何根据用户单击该图层使用 getFeatureInfo 添加弹出窗口？ React-leaflet 中也有类似 latLngToLayerPoint 的东西吗？

Answer 1

您可以为工具提示位置添加新的 WFS。在react-leaflet中的WMS Tile Layer顶部添加一个覆盖层。

Answer 2

最近有机会熟悉react-leaflet，我的建议是BetterWMS。它需要对坐标精度进行一些调整，但使其工作并不难。 看看我的示例，弹出窗口中也有图片！

Answer 3

在反应传单中使用 latLngToContainerPoint