123

wangjuncheng

9 天以前 1ca8fdb15bfe2daa5c6bd22fd913a1718bca116d

 src/components/tools/Ditching.vue

@@ -3,6 +3,9 @@
    <div class="panel-content">
      <!-- 开挖深度设置 -->
      <el-form :model="form" label-width="80px">
        <el-form-item label="请注意：">
          <p>1、右击结束最后一个点 2、请按照同向顺序开挖</p>
        </el-form-item>
        <el-form-item label="开挖深度">
          <el-input v-model="form.digDepth" placeholder="请输入开挖深度(m)" />
        </el-form-item>
@@ -50,12 +53,23 @@

  // 开始监听点击事件
  clickHandler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);

  // 左击添加点
  clickHandler.setInputAction((movement) => {
    const cartesian = viewer.camera.pickEllipsoid(movement.position, viewer.scene.globe.ellipsoid);
    if (cartesian) {
      currentPoints.push(cartesian.clone());
    }
  }, Cesium.ScreenSpaceEventType.LEFT_CLICK);

  // 右击结束绘制并保存最后一个点
  clickHandler.setInputAction((movement) => {
    const cartesian = viewer.camera.pickEllipsoid(movement.position, viewer.scene.globe.ellipsoid);
    if (cartesian) {
      currentPoints.push(cartesian.clone()); // 添加最后一个右击点
    }
    handleConfirm(); // 自动调用确认
  }, Cesium.ScreenSpaceEventType.RIGHT_CLICK);
};

const createExcavation = () => {
@@ -82,24 +96,41 @@
);
// 点击确认按钮（打印当前坐标点集合和深度）
const handleConfirm = () => {
  if (currentPoints.length === 0) {
    ElMessage.warning('请选取开沟有效的坐标点！');
  if (currentPoints.length < 3) {
    ElMessage.warning('请至少选择三个坐标点以构成多边形！');
    return;
  }

  const depth = parseFloat(form.digDepth);
  // 转换为普通对象数组
  const plainPoints = currentPoints.map(point => ({
    x: point.x,
    y: point.y,
    z: point.z
  }));

  // 第一步：将笛卡尔坐标转为 [经度, 纬度] 数组
  let coords = currentPoints.map(point => {
    const cartographic = Cesium.Cartographic.fromCartesian(point);
    const lon = Cesium.Math.toDegrees(cartographic.longitude).toFixed(6); // 经度
    const lat = Cesium.Math.toDegrees(cartographic.latitude).toFixed(6);   // 纬度
    return [parseFloat(lon), parseFloat(lat)];
  });

  // 第二步：闭合多边形（如果首尾点不一致）
  if (coords.length > 0 && (coords[0][0] !== coords[coords.length - 1][0] || coords[0][1] !== coords[coords.length - 1][1])) {
    coords.push([...coords[0]]); // 添加第一个点到末尾
  }

  // 第三步：构造 WKT POLYGON 格式
  const pointsStr = coords.map(p => p.join(' ')).join(', ');
  const wkt = `POLYGON ((${pointsStr}))`;

  // console.log(wkt);

  // 第四步：构建返回结果
  const result = {
    points: plainPoints,
    geom: wkt,
    depth: depth
  };
  console.log(result,'确认时，产生的地形修改数据');
  
  emit('update-excavation-data', result);
  ElMessage.success('实现开挖功能！');

};
const handleClear = () => {
  isDrawing.value = false;