带有自定义图块的传单地图上的标记位置随着更高的缩放级别而变化

Posted 2023-05-06

【中文标题】带有自定义图块的传单地图上的标记位置随着更高的缩放级别而变化

【英文标题】：Marker position changes with higher zoom level on leaflet map with custom tiles

【发布时间】：2021-12-07 11:34:38

【问题描述】：

我将图像转换为最大缩放级别为 6 的地图。这张地图上有几个标记。直到缩放级别 4 一切正常。缩放级别 > 5 时，标记位置会发生变化。

我使用 CRS.simple 来构建地图。

【问题讨论】：

***.com/questions/17875438/… 的可能重复项。没有一些代码或屏幕截图，很难判断这是 iconanchor 问题还是平铺问题（例如，自定义平铺上不是二次方比例）。

不使用自定义图标，只使用标准图标

var map = L.map('map', crs: L.CRS.Simple, minZoom: 0,maxZoom:6 ); L.tileLayer('https://................/maptiles/output7/z/tile_x_y.png', noWrap: true, attribution: 'My Tile Server' ).addTo(map); map.setView([-180,130], 2); L.marker([-169,127]).addTo(map).bindPopup('test');

试试L.CircleMarker 以获得更好的效果。瓷砖来自哪里，是如何制作的？

好的。使用以下代码制作瓷砖：github.com/jahed/maptiles/blob/master/README。来源是 8400 x 8400 的图像。

【参考方案1】：

好的。我用另一个代码库重新创建了磁贴：https://github.com/commenthol/gdal2tiles-leaflet。这效果很好。标记保持其位置。传单地图也有 html/JS 代码。