leaflet瓦片地图纠偏

Posted 藏锋于己

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了leaflet瓦片地图纠偏相关的知识,希望对你有一定的参考价值。

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

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

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

解决方案:

  1、直接使用默认icon。

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

 

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

 

以上是关于leaflet瓦片地图纠偏的主要内容,如果未能解决你的问题,请参考以下文章

openlayers应用“三”:百度地图纠偏

基于MySQL + Node.js + Leaflet的离线地图展示,支持百度谷歌高德腾讯地图

openlayers3应用“三’”:百度地图坐标纠偏

leaflet加载天地图

Leaflet.js 中未显示自定义 Mapbox 瓦片集

地图瓦片整体介绍