leaflet瓦片地图纠偏

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

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

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

解决方案:

  1、直接使用默认icon。

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

 

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

 

posted @   藏锋于己  阅读(671)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~
点击右上角即可分享
微信分享提示