feat:修改高德地图区域

ZhangXianQiang

2024-03-05 dda7d12ed9520176a43edc64651b8d220e470f93

 src/views/daoAnOffice/center/map.vue

@@ -243,9 +243,54 @@

      trafficLayer.setMap(mapInstance);

      // test();
      // console.log(markers.value[0]);
      // mapInstance.add(markers.value[0].markerList);

      const options = {
        subdistrict: 0,
        extensions: "all",
        level: "district",
      };

      // 限制一个区域轮廓
      AMap.plugin("AMap.DistrictSearch", function () {
        //在回调函数中实例化插件，并使用插件功能
        const district = new AMap.DistrictSearch(options);
        district.search("都江堰市", (status, result) => {
          const outer = [
            new AMap.LngLat(-360, 90, true),
            new AMap.LngLat(-360, -90, true),
            new AMap.LngLat(360, -90, true),
            new AMap.LngLat(360, 90, true),
          ];
          const holes = result.districtList[0].boundaries;

          const pathArray = [outer];
          pathArray.push.apply(pathArray, holes);
          const polygon = new AMap.Polygon({
            pathL: pathArray,
            //线条颜色，使用16进制颜色代码赋值。默认值为#006600
            strokeColor: "rgb(20,164,173)",
            strokeWeight: 4,
            //轮廓线透明度，取值范围[0,1]，0表示完全透明，1表示不透明。默认为0.9
            strokeOpacity: 0.5,
            //多边形填充颜色，使用16进制颜色代码赋值，如：#FFAA00
            fillColor: "rgba(0,0,0)",
            //多边形填充透明度，取值范围[0,1]，0表示完全透明，1表示不透明。默认为0.9
            fillOpacity: 1,
            //轮廓线样式，实线:solid，虚线:dashed
            strokeStyle: "solid",
            /*勾勒形状轮廓的虚线和间隙的样式，此属性在strokeStyle 为dashed 时有效， 此属性在    
            ie9+浏览器有效 取值： 
            实线：[0,0,0] 
            虚线：[10,10] ，[10,10] 表示10个像素的实线和10个像素的空白（如此反复）组成的虚线
            点画线：[10,2,10]， [10,2,10] 表示10个像素的实线和2个像素的空白 + 10个像素的实 
            线和10个像素的空白 （如此反复）组成的虚线*/
            strokeDasharray: [10, 2, 10],
          });
          polygon.setPath(pathArray);
          mapInstance.add(polygon);
        });
      });

    })
    .catch((e) => {
      console.log(e);