高德地图使用-高亮省市区

效果如图

1.注册插件
首先注入秘钥

window._AMapSecurityConfig = {
   securityJsCode: "这个秘钥需要再控制台获取"
}

注册插件

<script language="javascript" src="https://webapi.amap.com/maps?v=2.0&key=key&plugin=AMap.DistrictSearch"></script>

2.声明高亮的地区

const district = new AMap.DistrictSearch({
  subdistrict: 0, //获取边界不需要返回下级行政区
  extensions: "all", //返回行政区边界坐标组等具体信息
  level: "district" //查询行政级别为县区
});
district.search("江宁", (state, res) => {
  varpolygons = [];
  res.districtList[0].boundaries.forEach(q => {
    const polygon = new AMap.Polygon({
      strokeWeight: 1,
      path: q,
      fillOpacity: 0.4,
      fillColor: "red",
      strokeColor: "blue"
    });
    polygons.push(polygon);
  });
  map.add(polygons);
});