1、直接上代码,这里要设置maker标记,设置自定义窗体内容以及样式,创建窗体
let marker1= this.marker1=new AMap.Marker({
map: this.map,
icon: "https://a.amap.com/jsapi_demos/static/demo-center-v2/car.png",
position: [112.523378,37.865825],
offset: new AMap.Pixel(-13, -30)
});
this.marker1.setLabel({
direction:'top',
offset: new AMap.Pixel(10, 0), //设置文本标注偏移量
content: "<div class='info'>闸坝监测点1</div>", //设置文本标注内容
});
var map=this.map;
//鼠标点击marker弹出自定义的信息窗体
// 创建自定义的信息窗体内容
const content = '<div style="width: 200px;height: 200px">这里是自定义信息窗体' +
'<span onclick=closeClick()>x</span></div>';
const infoWindow = new AMap.InfoWindow({
content: content,
});
this.marker1.on('click', function () {
console.log(infoWindow)
infoWindow.open(map, marker1.getPosition());
});
2、设置方法
//这里方法必须放入钩子函数中(Created)中
window.closeClick = () => {
alert("关闭")
}
这样就设置好啦