leaflet瓦片地图纠偏
bug:使用leaflet搭建瓦片离线地图,坐标系皆为gcj02,使用标记定位发现定位偏移。
调试:经过地图缩放发现icon在不断的修正坐标定位,缩放越大,icon位置越精准。
原因:marker标记中使用了自定义icon,icon携带透明padding,因为坐标icon显示是根据icon图片左上角来精准锚点,导致元素大小被填充,图片位置偏差,出现偏移效果。
解决方案:
1、直接使用默认icon。
2、使用自定义icon时,设置iconAnchor(icon图片锚点位置)
注:多看文档。如果不要求使用离线地图,可参考:leaflet中如何优雅的解决百度、高德地图的偏移问题_leaflet地图偏移_GIS兵器库的博客-CSDN博客
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~