注释打开

src/views/energySourcesProvince/component/pathMap.vue

@@ -147,20 +147,52 @@ export default {
         // this.baiduMap.setMaxZoom(12)
         // this.baiduMap.disableDragging();  
 
-        // var bound = new BMapGL.Bounds(new BMapGL.Point(112.415542, 25.582733), new BMapGL.Point(112.415542, 25.582733));
-        // this.baiduMap.enableScrollWheelZoom();
-        // this.baiduMap.addOverlay(new BMapGL.Polygon([
-        //   new BMapGL.Point(bound.sw.lng, bound.sw.lat),
-        //   new BMapGL.Point(bound.sw.lng, bound.ne.lat),
-        //   new BMapGL.Point(bound.ne.lng, bound.ne.lat),
-        //   new BMapGL.Point(bound.ne.lng, bound.sw.lat)
-        // ]))
-
-        // try {
-        //   BMapGLLib.AreaRestriction.setBounds(map, bound);
-        // } catch (e) {
-        //   alert(e);
-        // }
+        var bound = new BMapGL.Bounds(new BMapGL.Point(112.415542, 25.582733), new BMapGL.Point(112.415542, 25.582733));
+        this.baiduMap.enableScrollWheelZoom();
+        this.baiduMap.addOverlay(new BMapGL.Polygon([
+          new BMapGL.Point(bound.sw.lng, bound.sw.lat),
+          new BMapGL.Point(bound.sw.lng, bound.ne.lat),
+          new BMapGL.Point(bound.ne.lng, bound.ne.lat),
+          new BMapGL.Point(bound.ne.lng, bound.sw.lat)
+        ]))
+
+        try {
+          BMapGLLib.AreaRestriction.setBounds(map, bound);
+        } catch (e) {
+          alert(e);
+        }
+        
+        bdary.get('郴州市嘉禾县',  (rs) =>  {
+            // 绘制行政区
+            for (var i = 0; i < rs.boundaries.length; i++) {
+                var path = [];
+                var xyArr = rs.boundaries[i].split(';');
+                var ptArr = [];
+                for (var j = 0; j < xyArr.length; j++) {
+                    var tmp = xyArr[j].split(',');
+                    var pt = new BMapGL.Point(tmp[0], tmp[1]);
+                    ptArr.push(pt);
+                }
+                var mapmask = new BMapGL.MapMask(ptArr, {
+                    isBuildingMask: true,
+                    isPoiMask: true,
+                    isMapMask: true,
+                    showRegion: 'inside',
+                    topFillColor: '#5679ea',
+                    topFillOpacity: 0.5,
+                    sideFillColor: '#5679ea',
+                    sideFillOpacity: 0.9
+                });
+                this.baiduMap.addOverlay(mapmask);
+                var border = new BMapGL.Polyline(ptArr, {
+                    strokeColor: '#4ca7a2',
+                    strokeWeight: 3,
+                    strokeOpacity: 1
+                });
+                this.baiduMap.addOverlay(border);
+            }
+        });
+
         // var opts = { type: BMAP_NAVIGATION_CONTROL_SMALL }
         // this.baiduMap.addControl(new BMapGL.NavigationControl(opts));
         // this.baiduMap.setMapStyleV2({ style: 'midnight' });

src/views/energySourcesProvince/index.vue

@@ -2,7 +2,7 @@
   <div style="height: 100%">
     <div class="modelBox">
       <Header />
-      <!-- <emissionAll />
+      <emissionAll />
       <measure />
 
       <statistics />
@@ -11,7 +11,7 @@
       <electricity />
       <ringPercent />
       <togetherPercent />
-      <intensity /> -->
+      <intensity />
       <maps />
 
     </div>