高德地图获取行政区一直报no_data

代码

let that = this
this.map = new AMap.Map('container', {
	 zoom: 20, // 级别
	 center: [120.26, 30.18], // 中心点坐标
	 mapStyle: 'amap://styles/darkblue' // 设置地图的显示样式
})
AMap.service('AMap.DistrictSearch', function() {
      let opts = {
        subdistrict: 1,   //返回下一级行政区
        extensions: 'all',  //返回行政区边界坐标组等具体信息
        level: 'city'  //查询行政级别为 市
      }
      district = new AMap.DistrictSearch(opts)
      //行政区查询
      district.search('萧山区', function(status, result) {
        let bounds = result.districtList[0].boundaries
        let polygons = []
        if (bounds) {
          for (let i = 0, l = bounds.length; i < l; i++) {
            //生成行政区划polygon
            let polygon = new AMap.Polygon({
              map: that.map,
              strokeWeight: 1,
              path: bounds[i],
              fillOpacity: 0.7,
              fillColor: '#113d75',
              strokeColor: '#3196FA'
            })
            polygons.push(polygon)
          }
          that.map.setFitView() // 地图自适应
        }
      })
    })

引入方式

<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=申请的key值&plugin=AMap.DistrictSearch"></script> 

按照高德demo格式书写，但是一直报错 no_data。
这是因为刚开始设置key值，配置的是web服务，后面又重新添加了个key值，配置为web端（JSAPI），萧山区地图就出来了。

效果图：