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博客