高德地图,伸缩导致图标偏移问题(记录问题得到解决)

问题:

        在设置图标时会出现 缩小放大图标就偏移

解决:

var icon = new AMap.Icon({
    image: 'web/image/logo-color2.png',  // Icon的图像
    size: new AMap.Size(50, 50 ),    // 图标尺寸
    imageSize: new AMap.Size(50, 50)   // 根据所设置的大小拉伸或压缩图片
});
 
var marker = new AMap.Marker({
    position: new AMap.LngLat(113.8,22.5),   
    offset: new AMap.Pixel(-25, -50),
    icon: icon,
});

设置marker里面的offset偏移量
值的计算:icon里面image图标尺寸
比如:上面图片尺寸是50*50;那么下面offset的值是 x轴是-(50/2),Y轴是50 。

猜你喜欢

转载自blog.csdn.net/weixin_53322542/article/details/134400593