Leaflet查询矢量瓦片偏移的问题

1、问题现象

使用Leaflet绘制工具查询出来的结果有偏移

2、问题排查

1）Leaflet中latLngToContainerPoint和latLngToLayerPoint的区别

2）使用Leaflet查询需要使用像素坐标

3）经排查发现，container获取的坐标是地图容器坐标，而offsetX是当前地图容器偏移的坐标位置，地图容器有个偏移量，是地图容器的10%

4）关于区分event对象中的[clientX,offsetX,screenX,pageX]

区分event对象中的[clientX,offsetX,screenX,pageX] - 简书

3、解决办法

获取到容器的像素坐标后手动增加地图宽高的10%

参考资料：

区分event对象中的[clientX,offsetX,screenX,pageX] - 简书

https://gis.stackexchange.com/questions/69124/leaflet-container-coordinates-vs-layer-coordinates

Documentation - Leaflet - a JavaScript library for interactive maps

iClient for Leaflet加载MVT矢量瓦片并注册鼠标事件_leaflet 加载mvt-CSDN博客