高德地图marker的label在设置visible或者先hide()再show()错位问题

问题:创建marker时,我的label的属性direction设置成top,然后把marker隐藏后,再显示点时,label就和点标记错位了

错位时的代码:

//显示所有点:carMarker是marker的集合,循环每个marker,让它显示,同时设置label内容
for(let k=0;k<carMarker.length;k++){
    //点的label对象属性
    let labelObject=new Object();
    labelObject.direction="top";
    //我的点marker的title是车辆车牌号,所以这里拿出来设置到label中,arMarker[k].getTitle()获取车牌号
    labelObject.content=carMarker[k].getTitle();
    //更新车辆label
    carMarker[k].setLabel(labelObject);
    //显示点
    carMarker[k].show();
}

导致这样的原因:marker在不可见状态下仍然占据空间,但是标签的位置计算是基于marker的可见状态。而我的代码是先给点设置了label,再让点显示,所以错位了。

解决办法:先让点显示,再设置label内容

//显示所有点
for(let k=0;k<carMarker.length;k++){
    //先显示点,再设置label,就能解决label错位问题
    carMarker[k].show();
    //点的label对象属性
    let labelObject=new Object();
    labelObject.direction="top";
    labelObject.content=carMarker[k].getTitle();
    //更新车辆label
    carMarker[k].setLabel(labelObject);
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值