高德地图自定义标记点marker缩放偏移问题

在使用高德地图点标记功能,自定义图标或内容时,如果对地图进行缩放,可以发现会此时图标会存在偏移,定位不准现象,如下图

造成这种现象的原因其实是对标记点的偏移量offset属性理解不准确导致,通过查阅官方文档可知,offset默认值是[0,0],意思就是定位中心点是在图标的左上角,带着此种思维再去看刚才的效果就可以发现,其实是没有偏移的,只是图标定位点在底部,缩放时造成的视觉上错觉,如下图

我们可以看到,如果把视觉焦点聚焦在左上角[0,0]的位置,其实定位一直是准确的。造成这种误导还有个原因就是当我们使用高德默认图标时,没有设置偏移量,就认为也是默认的[0,0],但定位没有视觉偏差,估计是高德内部做了偏移量处理。

为了符合图标底部是实际定位点的效果,可以看到图标大小是38*63,基于左上角原点,x轴偏移半个宽度,y轴偏移整个高度即可,即offset: [-19, -63],修改后查看效果,已满足需求。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值