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

Posted 2022-12-23 不靠谱的作曲家

效果如图

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);
);