screen-demo/src/views/templateInstance.vue

@@ -181,19 +181,19 @@
 </template>
 
 <script>
-  function makeRandomData(count) {
-    return Array(count).fill('').map((item, index) => {
-      return {
-        id: `id${index}`, // id0,id1,id2... id属性名可自定义，locationById 方法中使用
-        longitude: Math.random() / 2 + 116.15,
-        latitude: Math.random() / 2 + 39.61,
-        distance: Math.random() * 30 + 100, // 半径，单位 米
-        heading: Math.random() * 360,       // 朝向，顺时针旋转
-        angle: Math.random() * 20 + 80,      // 角度范围
-        isWarning: Math.random() > 0.5      // 是否报警状态
-      }
-    })
-  }
+  // function makeRandomData(count) {
+  //   return Array(count).fill('').map((item, index) => {
+  //     return {
+  //       id: `id${index}`, // id0,id1,id2... id属性名可自定义，locationById 方法中使用
+  //       longitude: Math.random() / 2 + 116.15,
+  //       latitude: Math.random() / 2 + 39.61,
+  //       distance: Math.random() * 30 + 100, // 半径，单位 米
+  //       heading: Math.random() * 360,       // 朝向，顺时针旋转
+  //       angle: Math.random() * 20 + 80,      // 角度范围
+  //       isWarning: Math.random() > 0.5      // 是否报警状态
+  //     }
+  //   })
+  // }
 
   // 将经纬度坐标转换为墨卡托投影坐标
   // function transformProj(data) {
@@ -244,8 +244,8 @@ import { Style, Icon } from "ol/style";
 import VectorSource from "ol/source/Vector";
 import { Point } from "ol/geom";
 import * as echarts from "echarts";
-import { format } from 'ol/coordinate'
-import MousePosition from 'ol/control/MousePosition.js'
+// import { format } from 'ol/coordinate'
+// import MousePosition from 'ol/control/MousePosition.js'
 
 import CTMapOl from "@ct/ct_map_ol";
 export default {
@@ -1357,8 +1357,6 @@ export default {
       };
       // 创建点位对象
       let points = new CTMapOl.cesiumComponent.Points(options);
-      console.log('rondom',makeRandomData(3000))
-      // this.lcvs.disableCluster(true)
       // 添加打点图层
       points.addTo({ viewer: mapDom });
       // 打点点击事件
@@ -1653,14 +1651,6 @@ export default {
       }
       return infoWindow;
     },
-    transformProj(data) {
-      data.forEach(item => {
-        const coords = CTMapOl.proj.fromLonLat([item.longitude, item.latitude])
-        item.longitude = coords[0]
-        item.latitude = coords[1]
-      })
-      return data
-    },
     /**
      * 初始化地图
      * @param e 地图实例
@@ -1677,7 +1667,7 @@ export default {
       //   zoomto: true,
       //   strokeOpacity: 0.8,
       // }
-      // //
+      //
       // new CTMapOl.cesiumComponent.Polyline(options)
       // let _this = this;
       // CTMapOl.loadCesium({domId: 'map'}, (map) => {
@@ -1694,7 +1684,6 @@ export default {
       // // window.CESIUM_BASE_URL = '../../public/cesium/Build/CesiumUnminified';
       // // window.CESIUM_BASE_URL = '../../public/cesium/Build/Cesium';
       // window.CESIUM_BASE_URL = '../../public/Cesium2/Cesium';
-      // window.CESIUM_BASE_URL = '/cesium/Build/CesiumUnminified';
       // this.CesiumEventHandlerclick = CTMapOl.thrdime.cameracontrol.startpickcood(this.viewer, (e, f) => {
       //   console.log(e, f)
       //   let dom1 = document.getElementById("coodlon")
@@ -1705,43 +1694,6 @@ export default {
       //   let dom3 = document.getElementById("coodh")
       //   dom3.innerHTML = f.height
       // })
-      // 不要在 data 中定义 location 变量，无需响应式
-      // let _this = this;
-      // this.$nextTick(() => {
-      //   // alert(_this.map.map)
-      //     console.log("_this.map.map=", _this.map.map)
-      //   _this.map.map.on('mousemove', (e) => {
-      //     console.log("e=", e)
-      //     // console.log("f=", f)
-      //   })
-      //   _this.location = new CTMapOl.extend.ToolLocation(_this.map.map, {
-      //     onPick: coords => {
-      //       alert(coords[0])
-      //       // this.longitude = coords[0]
-      //       // this.latitude = coords[1]
-      //     }
-      //   })
-        // let latitude; // 纬度
-        const mousePositionControl = new MousePosition({
-          coordinateFormat: function(coordinate) {
-            // console.log("coordinate=", coordinate)
-            // console.log("coordinate h=", h)
-            return format(coordinate, '经度: {x} &nbsp;&nbsp;纬度: {y} &nbsp;&nbsp;海拔: 0', 6)
-          },
-          projection: 'EPSG:4326', // 定义投影
-          className: 'bottom-mouse-position', // 控件的CSS类名
-          target: document.getElementById('mouse-position'), // 将控件渲染在该DOM元素中
-          undefinedHTML: ' '// 鼠标离开地图时，显示空格
-        })
-        // 添加控件到地图
-        this.map.map.addControl(mousePositionControl)
-        // let longitude; // 经度
-        // let altitude; // 海拔
-        // alert("before call")
-        // console.log("_this.location=",_this.location)
-        // _this.location.pick();
-      // });
-
       // this.startpick()
 
       // 导航 路线规划
@@ -1761,33 +1713,8 @@ export default {
           "post"
       ).then((res) => {
         this.markPoints = res.data;
-        // 数据拟真 先写死 后期维护一个计算聚合点位的算法函数
         // 添加打点
         if (this.map) {
-          // setTimeout(() => {
-          //   const data1 = [
-          //     { longitude: 116.05, latitude: 39.7, count: 50 },
-          //     { longitude: 116.39, latitude: 39.8, count: 113 },
-          //     { longitude: 116.53, latitude: 39.99, count: 88 },
-          //   ]
-          //   const data2 = [
-          //     { longitude: 116.01, latitude: 39.5, count: 12 },
-          //     { longitude: 116.12, latitude: 39.95, count: 16 },
-          //     { longitude: 116.23, latitude: 39.6, count: 6 },
-          //     { longitude: 116.34, latitude: 39.85, count: 6 },
-          //     { longitude: 116.45, latitude: 39.7, count: 3 },
-          //     { longitude: 116.56, latitude: 39.75, count: 12 },
-          //     { longitude: 116.67, latitude: 39.98, count: 3 },
-          //     { longitude: 116.78, latitude: 39.89, count: 12 }
-          //   ]
-          //   this.lcvs = new CTMapOl.extend.LayeredClusterViewShed(this.map.map, [
-          //     { data: this.transformProj(data1), maxZoom: 10, onClick: data => { console.log(data) } },
-          //     { data: this.transformProj(data2), minZoom: 10, maxZoom: 12, onClick: data => { console.log(data) } },
-          //     { data: this.transformProj(makeRandomData(3000)),minZoom: 12, onClick: data => { console.log(data) }}
-          //   ], {
-          //     minViewShed: 12,
-          //   })
-          // })
           if (this.mapType === "3D") {
             this.addPoint3D(this.map);
           } else {
@@ -1886,7 +1813,6 @@ export default {
     switchMap(e) {
       this.mapType = e; // 地图图层类型
       this.activeMode = e; // 地图图层类型
-
     },
   },
 };
@@ -2728,15 +2654,16 @@ progress::-webkit-progress-value {
     border: 1px solid #B1DEFD;
   }
   .router-item {
-    background-image: linear-gradient(to bottom, #132132, #496fa6) !important;
-    display: flex;
-    justify-content: space-between;
-    margin-bottom: 0px;
-    font-size: 14px;
-  }
+     display: flex;
+     justify-content: space-between;
+     margin-bottom: 0;
+     font-size: 12px;
+   }
 }
 
 
+
+
 .alias {
   font-weight: bold;
 }