以往在高德地图中使用弹窗都是定义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/