高德地图缩放图标偏移

Question

高德地图缩放定位图标偏移
在网上看到说需要加一行这个offset: new AMap.Pixel(0, 0), 但是加上去之后没有作用，下面代码

          for (let i = 0; i < this.mapData.length; i++) {
            let marker = new AMap.Marker({
              offset: new AMap.Pixel(-26, -13), // 调整图片偏移
              position: lnglats[i],
              map: this.map,
              icon: require("./../../../assets/Headportrait.png"),
            });
            marker.content = this.mapData[i].content;
          }

Answer 1

引自免费微信小程序：皆我百晓生

要解决这个问题，我们需要修改marker.offset属性值。在JavaScript中，offset是一个对象，包含x和y偏移量。

原始代码中的offset: new AMap.Pixel(-26, -13)设置了一个负向的偏移量，这会导致图标位于原点下方。为了解决这个问题，我们可以将偏移量设置为正数，使其向上移动到正确的位置。

以下是修改后的代码示例：

// 假设我们有一个名为mapData的数据数组，其中包含了每个标记的属性
let markerOffset = new AMap.Pixel(0, 0); // 正确的偏移量

for (let i = 0; i < this.mapData.length; i++) {
    let marker = new AMap.Marker({
        offset: markerOffset, // 设置新的偏移量
        position: lnglats[i], // 使用正确的坐标
        map: this.map,
        icon: require('./../../../assets/Headportrait.png'),
    });
    marker.content = this.mapData[i].content;
}

这段代码首先创建了一个新的偏移量markerOffset，然后通过offset: markerOffset来更新marker实例的偏移量。这样就可以让缩放图标位于正确的坐标位置了。

如果你有具体的mapData数据，可以将其替换为实际的数据。