高德地图设置默认弹窗

以往在高德地图中使用弹窗都是定义infoWindow来实现,但是infoWindow在高德地图中有且只能存在一个,所以当地图上多个点都需要同时展示弹窗时就可以用到setLabel默认弹窗效果。

简单示例一下

let marker = new AMap.Marker({
	 map: map,
	 icon: this.icon,  // 标点事先有定义,这边不详细说明
});
marker.setLabel({
  offset: new AMap.Pixel(40, -20), //显示位置
  content: '内容', //显示内容
});

也可对弹窗样式做设置

.amap-marker-label {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 2px;
  font-size: 12px;
  color: #fff;
  width: 80px;
}  // 使用less时需/deep/
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值