坐标设置和在线数据搜索

package.json

@@ -21,6 +21,7 @@
     "build:linux": "npm run build && electron-builder --linux"
   },
   "dependencies": {
+    "@amap/amap-jsapi-loader": "^1.0.1",
     "@electron-toolkit/preload": "^3.0.2",
     "@electron-toolkit/utils": "^4.0.0",
     "@electron/remote": "^2.1.3",

src/renderer/public/tree/newFuzzySearch.js

@@ -5,51 +5,50 @@
  * typeSonNode:不参与查询的节点的子孙节点是否也不参与匹配，默认为false，即子节点参与匹配
  * */
 
-window.newFuzzySearch = function(
+window.newFuzzySearch = function (
   treeId,
   keyword,
   notSearchType = [],
   typeSonNode = false,
-  dispatch = ""
+  dispatch = ''
 ) {
   //获取所有节点数据
-  let zTreeObj = $.fn.zTree.getZTreeObj(treeId);
+
-  let idKey = zTreeObj.setting.data.simpleData.idKey;
+  let zTreeObj = $.fn.zTree.getZTreeObj(treeId)
-  let nodes = zTreeObj.getNodes();
+  let idKey = zTreeObj.setting.data.simpleData.idKey
+  let nodes = zTreeObj.getNodes()
 
   //过滤掉不要的
   function getCustomNodes(allNodes) {
     // let allNode = JSON.parse(JSON.stringify(allNodes))
-    let notSearchTypeNodesIds = [];
+    let notSearchTypeNodesIds = []
     if (notSearchType.length) {
       allNodes.forEach((allNodeItem) => {
         if (notSearchType.includes(allNodeItem.sourceType)) {
-          notSearchTypeNodesIds.push(allNodeItem[idKey]);
+          notSearchTypeNodesIds.push(allNodeItem[idKey])
         }
-      });
+      })
       //typeSonNode为true时，循环notSearchType类型的节点，找出其子节点
-      let res = [];
+      let res = []
       if (typeSonNode) {
         notSearchTypeNodesIds.forEach((id, index) => {
-          let nodes = zTreeObj.transformToArray(
+          let nodes = zTreeObj.transformToArray(zTreeObj.getNodeByParam(idKey, id, null))
-            zTreeObj.getNodeByParam(idKey, id, null)
-          );
           nodes.forEach((item) => {
-            res.push(item[idKey]);
+            res.push(item[idKey])
-          });
+          })
-        });
+        })
-        notSearchTypeNodesIds = res;
+        notSearchTypeNodesIds = res
       }
     }
-    let res = [];
+    let res = []
     allNodes.forEach((item, index) => {
       if (!notSearchTypeNodesIds.includes(item[idKey])) {
         // console.log(index)
-        res.push(item);
+        res.push(item)
       }
-    });
+    })
-    allNodes = res;
+    allNodes = res
-    return allNodes;
+    return allNodes
   }
   /*let allNodes = zTreeObj.transformToArray(nodes);
     let nodeChildren = getCustomNodes(allNodes)*/
@@ -59,63 +58,60 @@ window.newFuzzySearch = function(
   //隐藏所有节点
   function hideAllNode(allNodes) {
     if (!allNodes || !Array.isArray(allNodes)) {
-      console.warn("hideAllNode: allNodes 参数无效");
+      console.warn('hideAllNode: allNodes 参数无效')
-      return;
+      return
     }
-    let nodeChildren = getCustomNodes(allNodes);
+    let nodeChildren = getCustomNodes(allNodes)
     if (nodeChildren && nodeChildren.length > 0) {
-      zTreeObj.hideNodes(nodeChildren);
+      zTreeObj.hideNodes(nodeChildren)
     }
   }
 
   //模糊匹配所有符合的节点
   function search(contrast, allNodes) {
     if (!allNodes || !Array.isArray(allNodes)) {
-      console.warn("search: allNodes 参数无效");
+      console.warn('search: allNodes 参数无效')
-      return;
+      return
     }
-    let nodeChildren = getCustomNodes(allNodes);
+    let nodeChildren = getCustomNodes(allNodes)
     if (!nodeChildren) {
-      return;
+      return
     }
-    hideAllNode(allNodes);
+    hideAllNode(allNodes)
     nodeChildren.forEach((item) => {
       if (item.oldname) {
-        item.sourceName = item.oldname;
+        item.sourceName = item.oldname
-        zTreeObj.updateNode(item);
+        zTreeObj.updateNode(item)
       }
       if (contrast) {
-        if ((item.sourceName || "").indexOf(contrast) > -1) {
+        if ((item.sourceName || '').indexOf(contrast) > -1) {
-          console.log("sourceName包含关键字");
+          console.log('sourceName包含关键字')
-          console.log(item);
+          console.log(item)
-          console.log(item.sourceName);
+          console.log(item.sourceName)
 
-          item.oldname = item.sourceName;
+          item.oldname = item.sourceName
-          item.highlight = true;
+          item.highlight = true
-          let F = new RegExp(contrast, "gi");
+          let F = new RegExp(contrast, 'gi')
-          item.sourceName = item.oldname.replace(F, function(h) {
+          item.sourceName = item.oldname.replace(F, function (h) {
-            let str =
+            let str = '<span style="color: whitesmoke;background-color: darkred;">' + h + '</span>'
-              '<span style="color: whitesmoke;background-color: darkred;">' +
+            return str
-              h +
+          })
-              "</span>";
-            return str;
-          });
 
           // let a = item.name
           // a = '<span style="color: whitesmoke;background-color: darkred;">' + a + "</span>"
           // item.name = a
-          zTreeObj.setting.view.nameIsHTML = true;
+          zTreeObj.setting.view.nameIsHTML = true
-          item.checked = true;
+          item.checked = true
           // zTreeObj.setting.view.fontCss["color"] = "#8B0000"
-          zTreeObj.updateNode(item);
+          zTreeObj.updateNode(item)
-          zTreeObj.showNode(item);
+          zTreeObj.showNode(item)
-          showNodePath(item);
+          showNodePath(item)
         }
         /*zTreeObj.updateNode(item);
                 zTreeObj.showNode(item);
                 showNodePath(item)*/
       }
-    });
+    })
     /*let searchNodes = zTreeObj.getNodesByParamFuzzy('name', contrast);
         console.log('searchNodes', searchNodes)
         searchNodes.forEach(function (node) {
@@ -123,40 +119,40 @@ window.newFuzzySearch = function(
           zTreeObj.showNode(node);
           showNodePath(node)
         })*/
-    zTreeObj.expandAll(true);
+    zTreeObj.expandAll(true)
   }
 
   //将查找到的节点父节点按路径设置为显示
   function showNodePath(node) {
-    let parrentNodes = node.getPath();
+    let parrentNodes = node.getPath()
     parrentNodes &&
-      parrentNodes.forEach(function(node) {
+      parrentNodes.forEach(function (node) {
-        zTreeObj.showNode(node);
+        zTreeObj.showNode(node)
-      });
+      })
   }
 
   window.treeSearchCb = (value = undefined) => {
-    let inputValue = value == undefined ? $(keyword).val() : "";
+    let inputValue = value || ''
     // console.log("搜索值", inputValue)
-    nodes = zTreeObj.getNodes();
+    nodes = zTreeObj.getNodes()
-    let allNodes = zTreeObj.transformToArray(nodes);
+    let allNodes = zTreeObj.transformToArray(nodes)
-    let nodeChildren = getCustomNodes(allNodes);
+    let nodeChildren = getCustomNodes(allNodes)
-    console.log("nodeChildren", nodeChildren);
+    console.log('nodeChildren', nodeChildren)
-    search(inputValue, allNodes);
+    search(inputValue, allNodes)
     //当查询条件为空时，显示所有节点
-    console.log("inputValue", inputValue);
+    console.log('inputValue', inputValue)
-    if ((inputValue == null || inputValue === "") && nodeChildren.length >= 0) {
+    if ((inputValue == null || inputValue === '') && nodeChildren.length >= 0) {
-      nodeChildren.forEach(function(node) {
+      nodeChildren.forEach(function (node) {
         // node.checked = false
-        zTreeObj.showNode(node);
+        zTreeObj.showNode(node)
-      });
+      })
       // zTreeObj.expandAll(false);
     }
-  };
+  }
-  if (dispatch == "") {
+  if (dispatch == '') {
     //input框值改变时
-    $(keyword).bind("input propertychange", treeSearchCb);
+    $(keyword).bind('input propertychange', treeSearchCb)
   } else {
     // $(dispatch).bind('click', treeSearchCb)
   }
-};
+}

src/renderer/src/api/gdb/index.ts

@@ -0,0 +1,11 @@
+//gdb
+import request from '@/axios/request'
+export const gdbApi = {
+  // gdb导入
+  importGdb: async (data: any) => {
+    return await request.post({
+      url: `/gdal/import`,
+      data,
+    })
+  }
+}

src/renderer/src/main.ts

@@ -40,6 +40,35 @@ const i18n = createI18n({
 if (!localStorage.getItem("searchWay")) {
   localStorage.setItem("searchWay", "poi");
 }
+if (!localStorage.getItem("AMapKey")) {
+  localStorage.setItem(
+    "AMapKey",
+    "d88fcc689d1aa99866b2d0d83fd36677|c3d17927c47eb753b61b26de4f533cbe"
+  );
+}
+
+!localStorage.getItem("systemSetting")
+  ? localStorage.setItem(
+    "systemSetting",
+    JSON.stringify({
+      showFangliNet: false, // 方里网
+      showLatitudeLongitudeNetwork: false, //经纬网
+      showToolBar: false, //信息栏
+      showCompass: true, //罗盘
+      showMapX: false, //鹰眼图
+      occlusion: true, //点遮挡
+      showDistanceLegend: true, //比例尺
+      showFps: false, //比例尺
+      administrativeArea: false, //行政区划
+      sheetIndexStatusSwitch: false, //标准图幅
+      skinInfo: 'yingguangse', //主题色
+      language: 'zh', //语言
+      coordinate: 'EPSG:4326' //坐标系
+    })
+  )
+  : console.log("没有设置系统设置");
+
+
 // 注册全局指令
 (window as any)._winMap = new Map();
 const setApp = createApp(App)

src/renderer/src/views/components/headers/components/setPup/components/setting.vue

@@ -343,7 +343,7 @@
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n'
 import { ElMessage } from 'element-plus'
-import { inject } from 'vue'
+import { inject, onMounted } from 'vue'
 import { TreeApi } from '@/api/tree'
 import { useTreeNode } from '../../../../tree/hooks/treeNode'
 import { $sendElectronChanel } from '@/utils/communication'
@@ -408,6 +408,10 @@ const concurrentcode = ref()
 const showBattery = ref()
 searchWay.value = localStorage.getItem('searchWay') || 'net'
 concurrentcode.value = localStorage.getItem('concurrentcode') || 10
+//系统坐标系
+let tool = new YJ.Tools(window.earth)
+name_map.value = Array.from(tool.name_map.values())
+
 const sysChange = async () => {
   const obj = {
     compass: systemSetting.value.showCompass, //罗盘
@@ -416,6 +420,8 @@ const sysChange = async () => {
     // system.showFps
     frame: systemSetting.value.showFps //刷新率
   }
+
+  localStorage.setItem('systemSetting', JSON.stringify(systemSetting.value))
   YJ.Global.CesiumContainer(window.earth, obj)
   //经纬网
   YJ.Global.JwwStatusSwitch(window.earth, systemSetting.value.showLatitudeLongitudeNetwork)
@@ -423,6 +429,9 @@ const sysChange = async () => {
   YJ.Global.FlwStatusSwitch(window.earth, systemSetting.value.showFangliNet)
   //地形遮挡
   YJ.Global.setGroundCover(window.earth, systemSetting.value.occlusion)
+  //系统
+  let coor = systemSetting.value.coordinate ? systemSetting.value.coordinate : 'EPSG:4326'
+  YJ.Global.setCoordinateSystem(window.earth, coor)
 
   //比例尺
   await YJ.Global.SheetIndexStatusSwitch(window.earth, systemSetting.value.sheetIndexStatusSwitch)
@@ -451,7 +460,6 @@ const concurrentWorkloadChange = (val) => {
   })
 }
 const setView = () => {
-  console.log('hhhhh')
   let msg = '操作成功'
   let view = YJ.Global.getCurrentView(window.earth)
   const options = {
@@ -460,7 +468,6 @@ const setView = () => {
   }
   YJ.Global.setDefaultView(window.earth, options)
   localStorage.setItem('defaultView', JSON.stringify(options))
-  console.log('defaultView')
   ElMessage({
     message: msg,
     type: 'success'
@@ -481,6 +488,10 @@ const setData = () => {
 }
 const management = () => {}
 const batteryChange = () => {}
+onMounted(() => {
+  systemSetting.value = JSON.parse(localStorage.getItem('systemSetting'))
+  // sysChange()
+})
 </script>
 
 <style lang="scss">

src/renderer/src/views/components/leftSide/leftSideSecond.vue

@@ -23,6 +23,7 @@ import { ref, reactive, getCurrentInstance } from 'vue'
 import { initMapData } from '../../../common/initMapData'
 import { useTreeNode } from '../tree/hooks/treeNode'
 import { TreeApi } from '@/api/tree'
+import { gdbApi } from '@/api/gdb'
 import { renderMethods } from '../tree/hooks/renderTreeNode'
 import { addMapSource } from '../../../common/addMapSource'
 import { processBase64Images, combineBase64Images } from '@/utils/HighDefinitionScreenshot'
@@ -815,7 +816,54 @@ const methodMap = {
     eventBus.emit('ProjectionConvertDialog')
   },
   //GDB导入
-  gdbImport() {},
+  gdbImport() {
+    let option = {
+      properties: ['openDirectory'],
+      filters: []
+    }
+    $sendElectronChanel('open-directory-dialog', option)
+    $recvElectronChanel('selectedItem', (e, path) => {
+      if (path.length) {
+        // let formData = new FormData()
+        // formData.append('path', path[0])
+        // gdbApi.importGdb(formData).then((res) => {
+        // console.log(res, 'resresres')
+        // if (res.status === 200) {
+        // ElMessage({
+        //   message: '导入成功',
+        //   type: 'success'
+        // })
+
+        // let path = path[0]
+        let arr = path[0].split('/')
+        let name = arr[arr.length - 1]
+
+        let id = new YJ.Tools().randomString()
+        let selectedNode = window.treeObj.getSelectedNodes()[0]
+        let DbOption: any = {
+          params: {
+            richText: {}
+          },
+          id,
+          sourceName: name,
+          sourceType: 'gdb',
+          // isShow: true,
+          sourcePath: path[0],
+          parentId: selectedNode
+            ? selectedNode.sourceType == 'directory'
+              ? selectedNode.id
+              : selectedNode.parentId
+            : undefined
+        }
+        TreeApi.addOtherSource(DbOption)
+        DbOption.isShow = true
+        DbOption.params = JSON.stringify(DbOption.params)
+        // cusAddNodes(window.treeObj, DbOption.parentId, [DbOption])
+        // }
+        // })
+      }
+    })
+  },
   //圆形统计
   circleStatistics() {
     if ((window as any).checkAuthIsValid) {

src/renderer/src/views/components/tree/hooks/tree.ts

@@ -505,6 +505,24 @@ export const useTree = () => {
 
   // 初始化树的方法
   const initTree = async (selector: string = '#treeDemo') => {
+    let keycode = localStorage.getItem("AMapKey");
+    window._AMapSecurityConfig = {
+      securityJsCode:
+        (keycode && keycode.split("|")[1]) ||
+        "c3d17927c47eb753b61b26de4f533cbe",
+    };
+    // console.log("获取图层指挥舱数据");
+    //初始化高德地图
+    let arr = [
+      "ArcgisWXImagery",
+      "ArcgisBLUEImagery",
+      "ArcgisLWImagery",
+      "GDLWImagery",
+      "GDWXImagery",
+      "GDSLImagery",
+      "layer",
+    ];
+
     let res = await TreeApi.getTreeList()
     if ([0, 200].includes(res.code)) {
       res.data.sort((a: any, b: any) => {
@@ -540,6 +558,16 @@ export const useTree = () => {
     treeObj.value = $.fn.zTree.init($(selector), setting, zNodes.value)
     window.treeObj = treeObj.value
     window.AllNodes = treeObj.value.getNodes()
+
+    window.newFuzzySearch(
+      `treeDemo`,
+      "#keyword",
+      ["bim", "sonShp", "gdbShp"],
+      true,
+      "#queryButton"
+    ); /**/
+
+
     initTreeCallBack()
   }
 

src/renderer/src/views/components/tree/index.vue

@@ -19,17 +19,40 @@
             <el-option value="tree" :label="t('tree.layer')"></el-option>
             <el-option value="poi" :label="t('tree.location')"></el-option>
           </el-select>
-          <input v-bind="searchKey" style="width: 50px" id="keyword" type="text" :placeholder="t('btn.treePlaceholder')"
+          <input
-            @input="clearResult" @change="searchPlace" />
+            v-model="searchKey"
-          <el-button type="primary" plain id="queryButton" size="small" @click="searchPlace" :loading="loading">{{
+            style="width: 50px"
-      t('btn.search') }}
+            id="keyword"
+            type="text"
+            :placeholder="t('btn.treePlaceholder')"
+            @input="clearResult"
+            @change="searchPlace"
+          />
+          <el-button
+            type="primary"
+            plain
+            id="queryButton"
+            size="small"
+            @click="searchPlace"
+            :loading="loading"
+            >{{ t('btn.search') }}
           </el-button>
         </div>
         <div id="selectorBox">
-          <el-select ref="select1" @change="locationChange" v-model="value" size="small"
+          <el-select
-            :placeholder="t('btn.selectPlaceholder')" :no-data-text="t('btn.selectNoText')">
+            ref="select1"
-            <el-option v-for="(item, index) in poiOptions" :key="item.search_key + index" :label="item.search_key"
+            @change="locationChange"
-              :value="item.address">
+            v-model="value"
+            size="small"
+            :placeholder="t('btn.selectPlaceholder')"
+            :no-data-text="t('btn.selectNoText')"
+          >
+            <el-option
+              v-for="(item, index) in poiOptions"
+              :key="item.search_key + index"
+              :label="item.search_key"
+              :value="item.address"
+            >
             </el-option>
           </el-select>
         </div>
@@ -55,8 +78,11 @@
 import { debounce } from '@/utils'
 import { useI18n } from 'vue-i18n'
 import { useTree } from './hooks/tree'
+import AMapLoader from '@amap/amap-jsapi-loader'
 import rightMenu from './components/rightMenu.vue'
 import { $changeComponentShow } from '@/utils/communication'
+import { ref, nextTick } from 'vue'
+import { ElMessage } from 'element-plus'
 import { bus } from '@/utils/bus'
 
 const { initTree, rightMenuRef, initTreeCallBack } = useTree()
@@ -98,46 +124,246 @@ const treeMouseOver = () => {
 
 const selectChange = (val) => {
   let input = document.getElementById('keyword')
-  // treeSearchCb("");
+  treeSearchCb('')
-  // if (val == 'poi') {
+  if (val == 'poi') {
-  //   this.searchKey = ''
+    searchKey.value = ''
     // input.value = ''
-  // } else {
+  } else {
-  //   this.searchKey = ''
+    searchKey.value = ''
-  //   this.poiOptions = []
+    poiOptions.value = []
-  //   this.value = ''
+    value.value = ''
     // input.value = ''
-  // }
+  }
-  // if (window.searchPlaceEntity) {
+  if (window.searchPlaceEntity) {
-  //   window.searchPlaceEntity.remove();
+    window.searchPlaceEntity.remove()
-  // }
+  }
 }
 const clearResult = () => {
-  // if (this.select == "tree") {
+  // if (select.value == 'tree') {
-  //   let string = $("#keyword")
+  //   let string = searchKey.value.trim()
-  //     .val()
+  //   if (string == '') {
-  //     .trim();
+  //     let arr = []
-  //   if (string == "") {
-  //     let arr = [];
   //     if (window.searchPlaceMap) {
-  //       arr = Array.from(window.searchPlaceMap);
+  //       arr = Array.from(window.searchPlaceMap)
   //     }
   //     if (arr.length) {
-  //       window.searchPlaceMap.get(arr[0][0]).remove();
+  //       window.searchPlaceMap.get(arr[0][0]).remove()
-  //       window.searchPlaceMap.clear();
+  //       window.searchPlaceMap.clear()
   //     }
-  //     this.poiOptions = [];
+  //     poiOptions.value = []
-  //     this.value = "";
+  //     value.value = ''
-  //     window.treeSearchCb();
+  //     window.treeSearchCb('')
   //   }
   // }
+  let string = searchKey.value.trim()
+  if (string == '') {
+    let arr = []
+    if (window.searchPlaceMap) {
+      arr = Array.from(window.searchPlaceMap)
+    }
+    if (arr.length) {
+      window.searchPlaceMap.get(arr[0][0]).remove()
+      window.searchPlaceMap.clear()
+    }
+    poiOptions.value = []
+    value.value = ''
+    window.treeSearchCb('')
+  }
 }
 const cancel = () => {
-  YJ.Global.splitScreen.setActiveId([]);
+  YJ.Global.splitScreen.setActiveId([])
 }
 
-const searchPlace = () => { }
+var mapModule
-const locationChange = () => { }
+var key =
+  (localStorage.getItem('AMapKey') && localStorage.getItem('AMapKey').split('|')[0]) ||
+  'd88fcc689d1aa99866b2d0d83fd36677'
+var isOnline = false
+var loadAmp = (cb = () => {}) => {
+  AMapLoader.reset()
+  AMapLoader.load({
+    key: key, // 申请好的Web端开发者Key，首次调用 load 时必填
+    version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+    plugins: []
+  })
+    .then((AMap) => {
+      mapModule = AMap
+      isOnline = true
+      cb()
+    })
+    .catch((err) => {
+      loading.value = false
+      isOnline = false
+      cb(err ? 'err' : '')
+    })
+}
+var select1: any = ref('')
+
+const searchPlace = debounce(function () {
+  if (!searchKey.value) {
+    return
+  }
+  if (select.value == 'poi') {
+    poiOptions.value = []
+    value.value = ''
+    let way = localStorage.getItem('searchWay')
+    if (way == 'net') {
+      treeSearchCb()
+      loading.value = true
+      const doSearch = () => {
+        mapModule.plugin(['AMap.PlaceSearch', 'AMap.AutoComplete'], () => {
+          var placeSearch = new AMap.PlaceSearch()
+          try {
+            placeSearch.search(searchKey.value.trim(), (status, result) => {
+              if (result.info && result.info === 'OK') {
+                let arr = []
+                result.poiList.pois.forEach((item) => {
+                  const location = YJ.CoordTransform.GCJ02ToWGS84(
+                    item.location.lng,
+                    item.location.lat
+                  )
+                  arr.push({
+                    address: item.name,
+                    search_key: item.name,
+                    search_type: item.id,
+                    lat: location[1],
+                    lng: location[0]
+                  })
+                })
+                poiOptions.value = arr
+                if (poiOptions.value.length) {
+                  loading.value = false
+                  select1.value.toggleMenu()
+                }
+              } else if (status == 'error' || result === 'INVALID_PARAMS') {
+                ElMessage({
+                  message: '请填写正确的搜索关键字',
+                  type: 'error'
+                })
+                loading.value = false
+              } else if (status == 'error') {
+                ElMessage({
+                  message: '网络异常',
+                  type: 'error'
+                })
+                loading.value = false
+              } else {
+                ElMessage({
+                  message: '没有搜索结果',
+                  type: 'error'
+                })
+                loading.value = false
+              }
+            })
+          } catch (e) {
+            loading.value = false
+          }
+        })
+      }
+      if (!mapModule) {
+        loadAmp((err) => {
+          if (err) {
+            ElMessage({
+              message: '无网络连接，请检查网络',
+              type: 'error'
+            })
+            loading.value = false
+          } else {
+            doSearch()
+          }
+        })
+      } else {
+        doSearch()
+      }
+    } else if (way == 'poi') {
+      let string = searchKey.value.trim()
+      // if (string)
+      //   queryPOI({ key: string }, (res) => {
+      //     poiOptions.value = res.list
+      //     if (poiOptions.value.length) {
+      //       select1.value.toggleMenu()
+      //     }
+      //     loading.value = false
+      //   })
+      // else
+      //   ElMessage({
+      //     message: '请输入搜索关键字',
+      //     type: 'warning'
+      //   })
+    }
+  } else {
+    poiOptions.value = []
+    value.value = ''
+    treeSearchCb(searchKey.value)
+  }
+}, 500)
+
+const availablePort = ref(55110)
+const locationChange = () => {
+  let item = poiOptions.value.find((item) => item.address == value.value)
+  let id = new YJ.Tools().randomString()
+  nextTick(() => {
+    select1.value.blur()
+  })
+  if (window.searchPlaceMap === undefined) {
+    window.searchPlaceMap = new Map()
+  }
+  if (window.searchPlaceMap.size) {
+    window.searchPlaceMap.forEach((item) => {
+      item.remove()
+    })
+    window.searchPlaceMap.clear()
+  }
+  let textLenght = item.search_key.length
+  if (textLenght > 17) {
+    item.search_key = item.search_key.match(/.{1,17}/g).join('\n')
+  }
+  // let sg84 = YJ.Global.CoordTransform.GCJ02ToWGS84(item.lng, item.lat);
+  let params = {
+    id,
+    position: { lng: item.lng, lat: item.lat, alt: item.alt ? item.alt : 0 },
+    billboard: {
+      show: true,
+      image: 'http://localhost:' + availablePort.value + '/' + 'GEMarker1/A-ablu-blank.png',
+      width: 320,
+      height: 360
+    },
+    show: true,
+    label: {
+      show: true,
+      text: item.search_key,
+      fontSize: 80,
+      color: '#FFF200FF',
+      scale: 3
+    }
+  }
+  let entity = new YJ.Obj.BillboardObject(window.earth, params)
+  entity.labelFontSize = 75
+  entity.billboardScale = 9
+  entity.far = 42000000
+  entity.entity.billboard.heightReference = 1
+  entity.entity.label.heightReference = 1
+  window.searchPlaceEntity = entity
+  entity.picking = false
+  // 获取entity
+
+  // entity.entity.label.eyeOffset = new Cesium.Cartesian3(0, 0, -1000);
+  // entity.entity.billboard.eyeOffset = new Cesium.Cartesian3(0, 0, -1000)
+  window.earth.viewer.camera.flyTo({
+    destination: Cesium.Cartesian3.fromDegrees(
+      Number(params.position.lng),
+      Number(params.position.lat),
+      14000
+    ),
+    duration: 3,
+    orientation: {
+      heading: 0,
+      pitch: (-85 * Math.PI) / 180,
+      roll: 0
+    }
+  })
+  window.searchPlaceMap.set(id, entity)
+}
 onMounted(() => {
   initTree()
   // ipcRenderer.on('renderNode-reply', (event: any, data: any) => {
@@ -208,10 +434,12 @@ defineExpose({
         font-size: 1.2em;
         text-shadow: 0px 0px 9px rgba(20, 118, 255, 1);
         font-weight: 700;
-        background: linear-gradient(90deg,
+        background: linear-gradient(
+          90deg,
           rgba(0, 255, 255, 0) 0%,
           rgba(0, 255, 255, 0.5) 55.55%,
-            rgba(0, 255, 255, 0) 100%);
+          rgba(0, 255, 255, 0) 100%
+        );
       }
     }
 

src/renderer/src/views/home/index.vue

@@ -11,8 +11,14 @@
   <firstMenu class="absolute zIndex9" ref="firstMenuRef"></firstMenu>
   <!--底部菜单-->
   <bottomMenu class="absolute zIndex9" ref="bottomMenuRef"></bottomMenu>
-  <input type="file" id="fileInputlink" style="display: none" multiple accept=".jpeg,.png,.jpg,.mp4,.pdf"
+  <input
-    @input="uploadFile" />
+    type="file"
+    id="fileInputlink"
+    style="display: none"
+    multiple
+    accept=".jpeg,.png,.jpg,.mp4,.pdf"
+    @input="uploadFile"
+  />
 
   <!-- 多点视线分析 -->
   <Visibility ref="visibility"></Visibility>
@@ -365,7 +371,9 @@ const createEarth = async () => {
         break
     }
   })
+
   tree.value.initTreeCallBack()
+  sysChange()
   // @ts-ignore
   let options = JSON.parse(localStorage.getItem('defaultView'))
   YJ.Global.setDefaultView(window.earth, options)
@@ -389,6 +397,39 @@ eventBus.on('defineClickAddLinkCb', (fun) => {
   clickAddLinkCb = fun
 })
 
+const sysChange = async () => {
+  let systemSetting = JSON.parse(localStorage.getItem('systemSetting'))
+  console.log('systemSetting', systemSetting)
+  const obj = {
+    compass: systemSetting.showCompass, //罗盘
+    legend: systemSetting.showDistanceLegend, //比例尺
+    info: systemSetting.showToolBar, //信息栏
+    // system.showFps
+    frame: systemSetting.showFps //刷新率
+  }
+
+  YJ.Global.CesiumContainer(window.earth, obj)
+  //经纬网
+  YJ.Global.JwwStatusSwitch(window.earth, systemSetting.showLatitudeLongitudeNetwork)
+  //方里网
+  YJ.Global.FlwStatusSwitch(window.earth, systemSetting.showFangliNet)
+  //地形遮挡
+  YJ.Global.setGroundCover(window.earth, systemSetting.occlusion)
+  //系统
+  let coor = systemSetting.coordinate ? systemSetting.coordinate : 'EPSG:4326'
+  YJ.Global.setCoordinateSystem(window.earth, coor)
+
+  //比例尺
+  await YJ.Global.SheetIndexStatusSwitch(window.earth, systemSetting.sheetIndexStatusSwitch)
+  eventBus.emit('tufuInput', systemSetting.sheetIndexStatusSwitch)
+
+  //鹰眼图
+  if (systemSetting.showMapX) {
+    YJ.Global.MapX.open(window.earth)
+  } else {
+    YJ.Global.MapX.close(window.earth)
+  }
+}
 const uploadFile = (event) => {
   let files = event.target.files
   if (files.length > 0) {
@@ -423,9 +464,9 @@ const getStatus = (time) => {
   const currentTimestamp = Date.now()
 
   if (timestamp > currentTimestamp) {
-    ; (window as any).checkAuthIsValid = true
+    ;(window as any).checkAuthIsValid = true
   } else {
-    ; (window as any).checkAuthIsValid = false
+    ;(window as any).checkAuthIsValid = false
   }
 }
 

yarn.lock

@@ -2,6 +2,11 @@
 # yarn lockfile v1
 
 
+"@amap/amap-jsapi-loader@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmmirror.com/@amap/amap-jsapi-loader/-/amap-jsapi-loader-1.0.1.tgz"
+  integrity sha512-nPyLKt7Ow/ThHLkSvn2etQlUzqxmTVgK7bIgwdBRTg2HK5668oN7xVxkaiRe3YZEzGzfV2XgH5Jmu2T73ljejw==
+
 "@ampproject/remapping@^2.2.0":
   version "2.3.0"
   resolved "https://registry.npmmirror.com/@ampproject/remapping/-/remapping-2.3.0.tgz"
@@ -6154,6 +6159,11 @@ temp-file@^3.4.0:
     async-exit-hook "^2.0.1"
     fs-extra "^10.0.0"
 
+three@^0.180.0:
+  version "0.180.0"
+  resolved "https://registry.npmmirror.com/three/-/three-0.180.0.tgz"
+  integrity sha512-o+qycAMZrh+TsE01GqWUxUIKR1AL0S8pq7zDkYOQw8GqfX8b8VoCKYUoHbhiX5j+7hr8XsuHDVU6+gkQJQKg9w==
+
 tiny-emitter@^2.0.0:
   version "2.1.0"
   resolved "https://registry.npmmirror.com/tiny-emitter/-/tiny-emitter-2.1.0.tgz"