修改

src/components/supermap-2.5d.vue

@@ -5,7 +5,7 @@
       <div class="map-tit" v-show="mapshow">
         <div class="top-tit">
           <i class="iconfont sj-icon-jkzx"></i>
-          <span><img src="../assets/images/close.svg" @click="mapshow=false"/></span>
+          <span><img src="../assets/images/close.svg" @click="mapshow=false" /></span>
         </div>
         <div class="map-txt" v-html="bindPopupHtml">
         </div>
@@ -74,7 +74,7 @@
       },
       //移除之前添加的点
       clearMRadius() {
-        if (this.markerboxEntityRadius != null && this.markerboxEntityRadius.length>0) {
+        if (this.markerboxEntityRadius != null && this.markerboxEntityRadius.length > 0) {
           for (let i = 0; i < this.markerboxEntityRadius.length; i++) {
             this.viewer.entities.remove(this.markerboxEntityRadius[i])
           }
@@ -94,7 +94,6 @@
       setMarkersRadius(makerList) {
         let that = this
         that.handler = new Cesium.ScreenSpaceEventHandler(this.viewer.scene.canvas)
-        clearInterval(that.aac)
         for (let i in makerList) {
           let longitude = makerList[i].lng;
           let latitude = makerList[i].lat;
@@ -114,7 +113,7 @@
           })
           that.markerboxEntityRadius.push(marker)
           //绘制摄像头的圈（覆盖范围）
-          that.viewer.entities.add({
+          let markerRadius = that.viewer.entities.add({
             position: Cesium.Cartesian3.fromDegrees(makerList[i].lng, makerList[i].lat, 2),
             ellipse: {
               semiMinorAxis: makerList[i].radius,
@@ -126,6 +125,7 @@
               outlineWidth: 1,
             },
           });
+          that.markerboxEntityRadius.push(markerRadius)
         }
         that.viewer.scene.globe.depthTestAgainstTerrain = false
         that.createLeftClickDescription()
@@ -150,7 +150,7 @@
       },
       //移除之前添加的点
       clearM() {
-        if (this.markerboxEntity != null && this.markerboxEntity.length>0) {
+        if (this.markerboxEntity != null && this.markerboxEntity.length > 0) {
           for (let i = 0; i < this.markerboxEntity.length; i++) {
             this.viewer.entities.remove(this.markerboxEntity[i])
           }
@@ -386,57 +386,7 @@
           }
         }, Cesium.ScreenSpaceEventType.RIGHT_CLICK);
       },
-      /**
-       * 地图落点(传感器)
-       */
-      setMarkers_cgq(makerList) {
-        let that = this;
-        that.handler = new Cesium.ScreenSpaceEventHandler(this.scene.canvas);
 
-        for (let i in makerList) {
-          let longitude = makerList[i].lng;
-          let latitude = makerList[i].lat;
-          that.viewer.entities.add({
-            name: "",
-            position: Cesium.Cartesian3.fromDegrees(longitude, latitude),
-            billboard: {
-              image: iconList[makerList[i].icon],
-              width: 48,
-              height: 48,
-              heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
-              disableDepthTestDistance: Number.POSITIVE_INFINITY
-            },
-            description: makerList[i].bindPopupHtml,
-            click: makerList[i].click,
-            parameter: makerList[i].parameter,
-          });
-        }
-        that.viewer.scene.globe.depthTestAgainstTerrain = false;
-        that.createLeftClickDescription_cgq();
-      },
-      /**
-       *鼠标左击事件是原来的气泡(传感器)
-       */
-      createLeftClickDescription_cgq() {
-        let that = this;
-        clearInterval(that.aac);
-        that.handler.setInputAction(function(movement) {
-          that.aac = setInterval(function() {
-            let color = "green";
-            let value = Math.random();
-            let up = "▲";
-            let down = "▼";
-            if (value > 0.5) {
-              color = "red";
-              value = value + "" + up;
-            } else {
-              value = value + "" + down;
-            }
-            let html = "<span style='color:" + color + "'>当前传感器数值:" + value + "</span>";
-            window.parent.frames[0].document.querySelector(".cesium-infoBox-description").innerHTML = html;
-          }, 1000);
-        }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
-      },
       /**
        * 落点定位
        */
@@ -540,4 +490,4 @@
     opacity: 0;
     transform: translateY(-10rem);
   }
-</style>
+</style>