zl程序教程

您现在的位置是:首页 >  其他

当前栏目

leaflet瓦片地图纠偏

2023-04-18 15:44:08 时间

bug:使用leaflet搭建瓦片离线地图,坐标系皆为gcj02,使用标记定位发现定位偏移。

调试:经过地图缩放发现icon在不断的修正坐标定位,缩放越大,icon位置越精准。

原因:marker标记中使用了自定义icon,icon携带透明padding,因为坐标icon显示是根据icon图片左上角来精准锚点,导致元素大小被填充,图片位置偏差,出现偏移效果。

解决方案:

  1、直接使用默认icon。

  2、使用自定义icon时,设置iconAnchor(icon图片锚点位置)

 

注:多看文档。如果不要求使用离线地图,可参考:leaflet中如何优雅的解决百度、高德地图的偏移问题_leaflet地图偏移_GIS兵器库的博客-CSDN博客