MapTiler SDK标记随地图滚动偏移的问题求助

大家好，我最近在用MapTiler SDK做地图标记的时候遇到了个头疼的问题，想请教下各位大佬！

我已经在项目里实现了MapTiler地图组件，然后按照下面的代码添加了指向河内的标记：

const marker = new maptilersdk.Marker({ anchor: 'bottom' })
  .setLngLat([105.8509611111111, 21.03162777777778])
  .addTo(this.map);
console.log('Marker position:', marker.getLngLat());

从控制台的日志来看，标记的经纬度坐标是完全正确的，但奇怪的是，当我滚动地图的时候，标记会和实际坐标位置出现偏移，滚动得越多，偏移越明显，这可把我搞懵了😅

我自己试着排查了几个方向，也整理了一些可能的解决思路，分享给大家，也希望能得到更多建议：

• 检查地图容器的CSS样式：如果地图容器设置了transform、perspective这类可能影响元素定位的样式，很可能会导致标记的坐标计算出现偏差，建议先把容器的这类样式去掉试试。
• 确认地图初始化时机：会不会是在地图还没完全加载完成的时候就添加了标记？可以尝试把添加标记的逻辑放到map.on('load')事件回调里，确保地图所有资源都加载完毕后再操作标记：

  this.map.on('load', () => {
    const marker = new maptilersdk.Marker({ anchor: 'bottom' })
      .setLngLat([105.8509611111111, 21.03162777777778])
      .addTo(this.map);
    console.log('Marker position:', marker.getLngLat());
  });
  

• 验证Marker的锚点设置：虽然我设置了anchor: 'bottom'，但如果是用了自定义图标，可能图标尺寸和默认锚点不匹配？可以检查图标的实际尺寸，调整锚点参数（比如用像素值anchor: [16, 32]这样的坐标）来精准匹配图标的底部中心位置。
• 检查MapTiler SDK版本：会不会是版本兼容性问题？建议尝试升级到最新稳定版的MapTiler SDK，看看是否能解决这个偏移问题。

内容来源于stack exchange