vue3 - cesium 请问如何在每次点移动的时候只有最新的点会显示标签，其余的旧的点不显示标签？

Question

function locus() {
  emitter.on('webDataValue', (data) => {
    watch(positionParam, (newVal, oldVal) => {
      // console.log("newVal", newVal, 'oldVal', oldVal, 'positionParam', positionParam);
      OldpositionParam.longitude = newVal.longitude;
      OldpositionParam.latitude = newVal.latitude;
    },
      {
        deep: false
      }
    );
    let positions = ref([
      { longitude: OldpositionParam.longitude, latitude: OldpositionParam.latitude, },//旧经纬度
      { longitude: data.longitude, latitude: data.latitude, }//新经纬度
    ])

    // 添加点
    positions.value.forEach((position, index) => {
      viewer.value.entities.add({
        position: Cesium.Cartesian3.fromDegrees(position.longitude, position.latitude),
        point: {
          pixelSize: 10,
          color: Cesium.Color.RED,
          outlineColor: Cesium.Color.WHITE,
          outlineWidth: 2,
        },
        label: {
          text: `点${index + 1}`,
          font: '14pt monospace',
          show: new Cesium.CallbackProperty(() => {
             return index === positions.value.length - 1;
          }, true),
          style: Cesium.LabelStyle.FILL_AND_OUTLINE,
          outlineWidth: 2,
          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
          pixelOffset: new Cesium.Cartesian2(0, -9),
        },
      });
    });
    // 添加轨迹线
    viewer.value.entities.add({
      polyline: {
        positions: Cesium.Cartesian3.fromDegreesArray(positions.value.flatMap(pos => [pos.longitude, pos.latitude])),
        width: 2,
        material: Cesium.Color.RED,//折线的材质，可以是颜色或贴图的材质
      },
    });
  })
}

Answer 1

CallbackProperty函数的第二个参数写false，另外函数里面你应该用一个公用的变量进行计算，而不是positions，因为你的positions是监听webDataValue不断地生成的，这对于多次添加的entity来说没有变化，都会满足这一要求