From 38f619cdadde677ae09ce48791a0f1d29596aa56 Mon Sep 17 00:00:00 2001
From: husq <931347610@qq.com>
Date: Sat, 23 Sep 2023 14:34:27 +0800
Subject: [PATCH] 航线代码提交

---
 src/api/wayline.ts                        |    6 +++
 src/pages/page-web/projects/wayline.vue   |   60 ++++++++++++++++++++++++++++--
 src/pages/page-web/projects/workspace.vue |    1 
 3 files changed, 62 insertions(+), 5 deletions(-)

diff --git a/src/api/wayline.ts b/src/api/wayline.ts
index c2472c7..191174b 100644
--- a/src/api/wayline.ts
+++ b/src/api/wayline.ts
@@ -28,6 +28,12 @@
     return result.data
   }
 }
+// get Wayline File
+export const getWayLineFile = async function (workspaceId: string, waylineId: string) {
+  const url = `${HTTP_PREFIX}/workspaces/${workspaceId}/waylines/${waylineId}/urlData`
+  const result = await request.get(url)
+  return result.data
+}
 
 // Delete Wayline File
 export const deleteWaylineFile = async function (workspaceId: string, waylineId: string): Promise<IWorkspaceResponse<any>> {
diff --git a/src/pages/page-web/projects/wayline.vue b/src/pages/page-web/projects/wayline.vue
index c6f5e8d..c6df563 100644
--- a/src/pages/page-web/projects/wayline.vue
+++ b/src/pages/page-web/projects/wayline.vue
@@ -84,7 +84,7 @@
 import { reactive } from '@vue/reactivity'
 import { message } from 'ant-design-vue'
 import { onMounted, onUpdated, ref } from 'vue'
-import { deleteWaylineFile, downloadWaylineFile, getWaylineFiles, importKmzFile } from '/@/api/wayline'
+import { deleteWaylineFile, downloadWaylineFile, getWaylineFiles, importKmzFile, getWayLineFile } from '/@/api/wayline'
 import { ELocalStorageKey, ERouterName } from '/@/types'
 import { EllipsisOutlined, RocketOutlined, CameraFilled, UserOutlined, SelectOutlined } from '@ant-design/icons-vue'
 import { EDeviceType } from '/@/types/device'
@@ -95,9 +95,13 @@
 import { CURRENT_CONFIG } from '/@/api/http/config'
 import { load } from '@amap/amap-jsapi-loader'
 import { getRoot } from '/@/root'
+import * as Cesium from 'cesium'
 
 const loading = ref(false)
+const { appContext } = getCurrentInstance()
+const global = appContext.config.globalProperties
 const store = useMyStore()
+let kmlDataSource = null
 const pagination :IPage = {
   page: 1,
   total: -1,
@@ -159,7 +163,7 @@
 }
 
 function deleteWayline () {
-  deleteWaylineFile(workspaceId, deleteWaylineId.value).then(res => {
+  deleteWaylineFile(workspaceId.value, deleteWaylineId.value).then(res => {
     if (res.code === 0) {
       message.success('Wayline file deleted')
     }
@@ -187,14 +191,62 @@
 
 function selectRoute (wayline: WaylineFile) {
   loading.value = true
-  downloadWaylineFile(workspaceId.value, wayline.id).then(res => {
-    store.commit('SET_SELECT_WAYLINE_INFO', wayline)
+  getWayLineFile(workspaceId.value, wayline.id).then(res => {
     console.log(res, 'res')
+    store.commit('SET_SELECT_WAYLINE_INFO', wayline)
+    initKmlFile(res.data)
   }).finally(() => {
     loading.value = false
   })
 }
+/**
+ * 加载kml文件
+ * @param file
+ */
+function initKmlFile (file:string) {
+  const options = {
+    camera: global.$viewer.scene.camera,
+    canvas: global.$viewer.scene.canvas,
+    screenOverlayContainer: global.$viewer.container,
+  }
+  global.$viewer.dataSources.add(
+    Cesium.KmlDataSource.load(
+      file,
+      options
+    )).then((res: any) => {
+    kmlDataSource = res
+    kmlDataSource.show = true
 
+    console.log('Entits数组', kmlDataSource.entities.values)
+
+    const kmlEntityArr = kmlDataSource.entities.values[0]._children
+    const cartesianArr = []
+    for (let i = 0; i < kmlEntityArr.length; i++) {
+      const entity = kmlEntityArr[i]
+      entity.point = new Cesium.PointGraphics({
+        pixelSize: 12,
+        color: Cesium.Color.RED,
+        outlineColor: Cesium.Color.WHITE,
+      })
+      entity.billboard = null
+
+      cartesianArr.push(entity.position._value)
+    }
+
+    const lineEntity = global.$viewer.entities.add({
+      name: 'entityLine',
+      polyline: {
+        positions: cartesianArr,
+        width: 10,
+        material: new Cesium.PolylineArrowMaterialProperty(Cesium.Color.CYAN),
+      },
+    })
+
+    global.$viewer.flyTo(lineEntity, {
+      offset: new Cesium.HeadingPitchRange(0, -90, 1000)
+    })
+  })
+}
 function onScroll (e: any) {
   const element = e.srcElement
   if (element.scrollTop + element.clientHeight >= element.scrollHeight - 5 && Math.ceil(pagination.total / pagination.page_size) > pagination.page && canRefresh.value) {
diff --git a/src/pages/page-web/projects/workspace.vue b/src/pages/page-web/projects/workspace.vue
index e23fd03..a34e25a 100644
--- a/src/pages/page-web/projects/workspace.vue
+++ b/src/pages/page-web/projects/workspace.vue
@@ -106,7 +106,6 @@
 }
 
 const webSorketUrl = getWebsocketUrl() + '&workspace-id=' + workspace_id.value
-console.log(webSorketUrl, 'webSorketUrl')
 // 监听ws 消息
 useConnectWebSocket(messageHandler, webSorketUrl)
 

--
Gitblit v1.9.3