看一下完成后的样子：这里不讲基础，如果你不会不懂的可以去看看。基础知识网上挺多的，或者可以看看官方文档：入门高德地图vue使用基础指南把高德地图的baselayer引入到项目中，再看看官方maskexample:maskExample但是如果要使用mask插件，需要进行如下配置：1.配置安全密钥（注意：不是密钥）window._AMapSecurityConfig={securityJsCode:'yoursecuritykey',};注意：配置安全密钥必须在初始化地图基础层（AMapLoader.load）之前！否则无效！2.引入省市查询插件（其他插件也这样引入）AMapLoader.load({key:"yourkey",version:"2.0",//这里是版本plugins:['AMap.DistrictSearch']//这里介绍插件}).then((AMap)=>{letmap=newAMap.Map("container",{resizeEnable:true,zoom:11,//地图中心初始缩放系数:[res.city.longitude,res.city.latitude],//初始化后地图显示的中心位置});this.initPolygon(city,map);//这是创建掩码的方法，我传入城市和初始化地图}).catch(e=>{console.log(e);})3.初始化掩码initPolygon(city,map){AMap.plugin('AMap.DistrictSearch',function(){newAMap.DistrictSearch({extensions:'all',subdistrict:0}).search(city,function(status,result){letouter=[newAMap.LngLat(-,90,true),newAMap.LngLat(-360,-90,true),newAMap.LngLat(360,-90,真),newAMap.LngLat(360,90,真)];让洞=result.districtList[0].boundaries;让pathArray=[外部];pathArray.push.apply（pathArray，孔）；//添加遮罩样式letpolygon=newAMap.Polygon({pathL:pathArray,strokeColor:'#00eeff',strokeWeight:1,fillColor:'#71B3ff',fillOpacity:0.5});多边形.setPath(pathArray);地图.add（多边形）；})})}，这样就创建了一个mask
