【记录】Vue3高德地图自定义弹窗中的事件
时间：2023-03-28 01:35:00
HTML
·/*1.对于弹窗，不要在content中定义html内容，否则所有内容的数据都是循环的最后一个2.使用infowindow.setContent(windowPopup);设置弹窗模板*/infowindow=newAMap.InfoWindow({isCustom:true,//打开自定义弹窗//content:contents,anchor:"bottom-center",offset:newAMap.Pixel(10,-10),});/*1.为窗口赋值内部方法2.将数据的key赋值给自定义属性，点击事件时获取自定义属性的key给当前数据*///弹窗模板Viewdetails
//Viewdetailswindow.$detailsAction=functiondetailsAction(){constnum=document.querySelector('.link_btn').getAttribute('data-num')constdatas=state.pointList[+num]getData(datas);获取视频代码（）；getEchartsAction();state.infowindow.close();state.realtime.maxDerail=true;state.realtime.minDerail=1;}/*异步加载地图插件/区域查询——点聚合*/AMap.plugin(["AMap.DistrictLayer","AMap.MarkerClusterer"],()=>{letdisProvince=newAMap.DistrictLayer.Province({zIndex:12,adcode:["130000"],depth:2,styles:{填充:function(properties){让adcode=properties.adcode;返回getColorByAdcode（广告代码）；},"省笔画":"#09b8bf","市笔画":"#09b8bf","县笔画":"#09b8bf",//线条颜色},});disProvince.setMap(地图);})/*高德地图异常加载*/exportdefaultfunctionMapLoader(){returnnewPromise((resolve,reject)=>{if(window.AMap){resolve(window.AMap);}else{varscript=document.createElement("script");script.type="text/javascript";script.async=true;script.src="http://webapi.amap.com/maps?v=1.4.15&callback=initAMap&key=5df63594d41cda1654066cca8fd5836b&plugin=AMap.Object3DLayer,AMap.DistrictSearch,AMap.Geocoder";script.onerror=reject;document.head.appendChild(script);}window.initAMap=()=>{resolve(window.AMap);};});}
