显示目标点

guoshilong

2023-11-15 e5ca2970563ad110170747735a3a7c7b11e9f519

 src/components/g-map/DroneControlPanel.vue

@@ -319,13 +319,16 @@
import { useDockControl } from './use-dock-control'
import { flyByArea, Point } from '/@/api/wayline'
import { parseJsonFile } from '/@/utils/geo-utils'

import { cesiumOperation } from '/@/hooks/use-cesium-tsa'
import * as Cesium from 'cesium'
const props = defineProps<{
    sn: string,
    deviceInfo: DeviceInfoType,
    payloads: null | PayloadInfo[],
    modelValue: Boolean,
}>()

const cesiumFunc = cesiumOperation()

const store = useMyStore()
const clientId = computed(() => {
@@ -499,6 +502,9 @@
  const deviceSn = props.deviceInfo.dock.basic_osd.sub_device?.device_sn
  const jsonPath = 'src/main/resources/jkj(1).json'
  const sn = props.sn

  console.log(payloadSelectInfo, '-------------')
  const payloadIndex = payloadSelectInfo.payloadIndex
  // const jsonData = await parseJsonFile('../src/assets/jsonData/jkj(1).json')

  // const features = jsonData.features
@@ -517,8 +523,32 @@
  //   list.push(areaList)
  // })

  flyByArea(sn, dockPoint, jsonPath, radius, deviceSn).then(res => {
    console.log(res, '----------------')
  flyByArea(sn, dockPoint, jsonPath, radius, deviceSn, payloadIndex).then(res => {
    const targetPoint = res.data
    // 获取到点之后在图上绘点
    targetPoint.forEach((point, index) => {
      const setting = {
        longitude: point.lon,
        latitude: point.lat,
        point: {
          pixelSize: 8,
          outlineWidth: 2,
          color: Cesium.Color.RED,
          outlineColor: Cesium.Color.BLACK,
        },
        label: {
          text: '位置' + (index + 1),
          outlineWidth: 20,
          font: '14px sans-serif',
          heightReference: 80,
          pixelOffset: new Cesium.Cartesian2(0, -35),
          fillColor: Cesium.Color.BLACK
        },
        id: 'target' + index,
      }

      cesiumFunc.addPoint(setting)
    })
  })
}