高德地图标记省或市或区县，高亮显示当前区域

高德地图Api官网：https://lbs.amap.com/api/javascript-api/reference/search#m_AMap.DistrictSearch

1.使用DistrictSearch插件可以通过城市名或城市码查询到城市的区号、城市编码、中心点、边界、下辖区域等详细信息

// 加载DistrictSearch插件
aMap.plugin(["AMap.DistrictSearch"])

2.具体逻辑方法

DistrictSearch Option属性：

DistrictSearchOptions	类型	说明
`level`	`String`	关键字对应的行政区级别或商圈，可选值： country：国家 province：省/直辖市 city：市 district：区/县 biz_area：商圈
`showbiz`	`Boolean`	是否显示商圈，默认值true 可选为true/false，为了能够精准的定位到街道，特别是在快递、物流、送餐等场景下，强烈建议将此设置为false
`extensions`	`String`	是否返回行政区边界坐标点默认值：base，不返回行政区边界坐标点取值：all，返回完整行政区边界坐标点
`subdistrict`	`Number`	显示下级行政区级数（行政区级别包括：国家、省/直辖市、市、区/县4个级别），商圈为区/县下一级可选值：0、1、2、3 0：不返回下级行政区 1：返回下一级行政区 2：返回下两级行政区 3：返回下三级行政区默认值：1

// 绘制当前区域 name: 南京市
  drawBounds(name) {
    const district = new AMap.DistrictSearch({
      subdistrict: 0, //获取边界不需要返回下级行政区
      extensions: "all", //返回行政区边界坐标组等具体信息
      level: "district" //查询行政级别为县区
    });
    district.search(name, (state, res) => {
      this.mapInstance.remove(this.polygons);
      this.polygons = [];
      res.districtList[0].boundaries.forEach(q => {
        const polygon = new AMap.Polygon({
          strokeWeight: 1,
          path: q,
          fillOpacity: 0.4,
          fillColor: "#143048",
          strokeColor: "#0A1A29"
        });
        this.polygons.push(polygon);
      });
      this.mapInstance.add(this.polygons);
      this.mapInstance.setFitView(this.polygons); // 自适应缩放比
    });
  }

记录进步！！！

__EOF__

本文作者：沧澜野兽迈特丶凯
本文链接：https://www.cnblogs.com/sxdjy/p/16506094.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！