小区网格面

src/views/components/xiaoqu/map/index.vue

@@ -73,14 +73,15 @@ export default {
 
       this.mapLayer.planePoint = new mars3d.layer.GraphicLayer();
       this.map.addLayer(this.mapLayer.planePoint);
+
+      this.mapLayer.network = new mars3d.layer.GraphicLayer();
+      this.map.addLayer(this.mapLayer.network);
     },
     addMapLayer() {
       this.mapGraphicLayer();
-
       if (this.xiaoquId == 267) {
         this.addshop();
       }
-
       if (
         this.xiaoquId === 202 ||
         this.xiaoquId === 245 ||
@@ -89,8 +90,9 @@ export default {
       ) {
         this.addGardenLayer();
       }
+      // this.addbuildingLayer();
 
-      this.addbuildingLayer();
+      this.addNetworkLayer();
     },
     //商铺面
     addshop() {
@@ -222,7 +224,6 @@ export default {
         this.mapLayer.garden.addGraphic(graphic);
       });
     },
-
     pointFilter(attr) {
       let data = garden[this.xiaoquId];
       let yuanName = "";
@@ -259,7 +260,6 @@ export default {
 
       return { yuanName, buildingNumber, buildingColor, image };
     },
-
     //平面 + 图标
     addbuildingLayer() {
       let _this = this;
@@ -334,6 +334,32 @@ export default {
         });
       });
     },
+
+    //小区网格面
+    addNetworkLayer() {
+      mars3d.Util.fetchJson({
+        url: this.configUrl + `lib/geoJson/xiaoqu/network${this.xiaoquId}.json`,
+      }).then((res) => {
+        const arr = mars3d.Util.geoJsonToGraphics(res);
+
+        arr.map((item, index) => {
+          let polygon = new mars3d.graphic.PolygonEntity({
+            positions: item.positions,
+            style: {
+              color: "#005AFF",
+              opacity: 0.2,
+              clampToGround: true,
+              classification: true,
+              buffer: 1,
+              outline: true,
+              outlineWidth: 3,
+              outlineColor: "#32FF85",
+            },
+          });
+          this.mapLayer.network.addGraphic(polygon);
+        });
+      });
+    },
   },
 };
 </script>