重点区域精细化管理-商业街区热力图

src/views/pages/areaMonitor/components/EarlyWarning.vue

@@ -166,7 +166,7 @@ export default {
                 },
             ],
             eventListData: [],
-            total:0,
+            total:6,
             pageSize:6,
             currentPage:1,
         
@@ -200,7 +200,7 @@ export default {
                 let resdata=res.data.data;
                 this.dateTabs[1].dataNum=resdata.length;
                 // this.eventListData = res.data;
-                this.total = res.count;
+                // this.total = res.data.count;
                 // console.log("执行函数111");
                 //获取参数重新编辑
                 $.ajax({

src/views/pages/areaMonitor/index.vue

@@ -166,6 +166,9 @@ import { selectByAreaEvent, selectKeyArea } from "@/api/area";
 import { gcjLL2wgs84LL } from "@/utils/coordinateSystemTransform";
 // 时间轴
 import HorizonTimeLine from "./components/HorizonTimeLine";
+import {
+    crowflowList,
+} from "@/api/areaMonitor";
 export default {
   data() {
     return {
@@ -549,6 +552,8 @@ export default {
                     this.hiMapFun.addAreaToMap(areaLatLng);
                   }
                 });
+                // 商业街区热力图上图。
+                this.shoppingMallThermodynamic();
               } else {
                 const dataEvent = [];
                 res.data.data.forEach((item) => {
@@ -579,6 +584,7 @@ export default {
           case "窗口单位":
             if (item === "商业街区") {
               this.hiMapFun.removerPolygon();
+              this.hiMapFun.removeLayerByLayerName("shoppingMallLayer");
             }
             this.hiMapFun.removeLayerByLayerName(item);
             break;
@@ -616,6 +622,43 @@ export default {
         createCameraDetailsPop
       );
     },
+    // 商业街区热力图上图。
+    async shoppingMallThermodynamic(){
+          // 查询检测预警。
+        const params = {
+            page: 1,
+            size: 500,
+            needAreaData:true,
+        };
+        // console.log("执行函数");
+        let shoppingMallList=await crowflowList(params);
+        let smList=shoppingMallList.data.data;
+        let smListLength=smList.length;
+        let smOnMapData=[];
+        for(let i=0; i<smListLength; i++){
+           if(smList[i].totalAreaData){
+            var jsonData = JSON.parse(smList[i].totalAreaData);//第一种
+            // console.log("smList[i].totalAreaData",jsonData)
+            for(let key in jsonData) {
+                let latlonVal=[];
+                // console.log(jsonData[key]) // foo, bar
+                let keyArr=key.split("_");
+                latlonVal.push(keyArr[1]);
+                latlonVal.push(keyArr[0]);
+                latlonVal.push(jsonData[key]);
+                // console.log("smList[i]xxxx",latlonVal)
+                smOnMapData.push(latlonVal);
+            }
+           }
+        }
+        // console.log("smList[i]xxxx",smOnMapData)
+        this.hiMapFun.removeLayerByLayerName("shoppingMallLayer");
+        this.hiMapFun.thermodynamic(
+          smOnMapData,
+          25,
+          "shoppingMallLayer"
+        );
+    },
 
     thermodynamic() {
       let dataNumber = [];
@@ -684,6 +727,7 @@ export default {
       this.thermodynamicPeopleType = "";
     },
     changeThermodynamicPeopleType(value) {
+      console.log("热力图上图数据",this.thermodynamicPeopleAll);
       this.hiMapFun.removeLayerByLayerName("types");
       switch (value) {
         case "all":
@@ -730,6 +774,7 @@ export default {
       this.hiMapFun.removeLayerByLayerName("景区景点");
       this.hiMapFun.removeLayerByLayerName("海水浴场");
       this.hiMapFun.removeLayerByLayerName("窗口单位");
+      this.hiMapFun.removeLayerByLayerName("shoppingMallLayer"); //商业街区热力图
       //清除地图底部的、地图显示、重点区域、人流热力
       this.changeLayerBtnGroup=[];
       this.thermodynamicPeopleType = "";