高德地图infoWindow

var info = [];

info.push("<div class='flow-block' element-loading-background='rgba(3, 38, 89, .7)'> ");
info.push(`<div class='section-card-title-1'> ${obj.label}</div> `);
info.push("<div class='datas'> ");
obj.children.forEach((a, index) => {
info.push("<div class='line'> ");
info.push(`<span class='value' onclick='clickShow( "${a.label}")' >${a.label}</span>`);
info.push(`</div>`);
})

info.push(`</div></div>`);
that.infoWindow = new AMap.InfoWindow({
content: info.join(""), //使用默认信息窗体框样式,显示信息内容
offset: new AMap.Pixel(5, 15)
});
window.clickShow = (val) => {
vm.rightDialogShow = true
vm.dialogtitle = val

}
that.infoWindow.open(vm.mapObj.mapEl, [obj.longitude + '', obj.latitude + '']);
posted @ 2022-12-08 15:21  无情风中  阅读(469)  评论(0编辑  收藏  举报