html两个label重叠,web开发高德地图marker的label重叠了,怎么让label不重叠显示?...

本文探讨了如何在高德地图marker上设置不重叠的label,通过调整marker的label位置和偏移,实现左右对齐显示,避免了标记文字冲突。作者分享了代码实例,包括使用DOM节点和自定义offset来定制label显示方式。
摘要由CSDN通过智能技术生成

问题描述

web开发高德地图marker的label重叠了,怎么让label不重叠显示?

bVbsf9O?w=518&h=190

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

marker = new SimpleMarker({

//直接使用dom节点

iconStyle: '

//图标文字

iconLabel: {

innerHTML: realName,

},

map: map,

position: [lng, lat],

showPositionPoint: false,

// 以 icon 的 [center bottom] 为原点

offset: new AMap.Pixel(-30, -10)

});

marker.setLabel({

//修改label相对于maker的位置

offset: new AMap.Pixel(-15, -23),

content: "

    " + stayTime + "min" + "
"

});

}

你期待的结果是什么?实际看到的错误信息又是什么?

能让maeker的label不重叠地显示,比如左边一个右边一个,而不是写死的

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值