百度地图自定义坐标标识覆盖物,随地图缩放偏移解决办法

百度地图在添加自定义标注的时候可能会遇见坐标标识,随着地图缩放位置产生偏移,我折腾了一个上午,记下这篇。
在此之前,请参考文章:
http://www.cnblogs.com/jz1108/archive/2011/09/15/2152122.html
但是注意:

var icon = new BMap.Icon('pin.png', new BMap.Size(20, 32), {
    anchor: new BMap.Size(10, 30)
});

第一步:

new BMap.Size(20, 32)
大概设置成图片的尺寸大小,但是最好多出2到3个像素(px),如图片是20x30,那么你可以设置成new BMap.Sie(22,32)

第二步:

anchor: new BMap.Size(10, 30)
这里有两个数字10,30分别对应图标的一半宽度和高度

但是上面两步都设置好了,有时候你会发现自己添加的标注也看不见了,这很尴尬,我就在这折腾了半天,大家可以吧第一步宽和高的值扩大(稍微大一点),按F12进行查看,你会发现添加的标注图片偏移在右下角。那么就可以做最后一步了。

最后一步:

var icon = new BMap.Icon('pin.png', new BMap.Size(20, 32), {
    anchor: new BMap.Size(10, 30),
    imageOffset: new BMap.Size(0-20, 0 - 17)
});

imageOffset: new BMap.Size(0-20, 0 - 17)
注意这句脚本,多少量大家可以自己调试。

做好了这一步,那么问题也就解决了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值