cesium 实现entity交互事件: 拖拽移动

cesium + react 实现entity的拖拽移动位置(带高度的移动)

    const _that = this;
    // 获取当前坐标系标准
    let ellipsoid = viewer.scene.globe.ellipsoid;

    let handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);
    let leftDownFlag = false;
    let pointDraged = null;

    // When a feature is left clicked
    handler.setInputAction(function (movement) {
      // 获取点击坐标
      let longitudeString, latitudeString;
      //通过指定的椭球或者地图对应的坐标系,将鼠标的二维坐标转换为对应椭球体三维坐标
      let cartesian = viewer.camera.pickEllipsoid(movement.position, ellipsoid);
      if (cartesian) {
        //将笛卡尔坐标转换为地理坐标
        let cartographic = ellipsoid.cartesianToCartographic(cartesian);
        // console.log(cartographic)
        //将弧度转为度的十进制度表示
        longitudeString = Cesium.Math.toDegrees(cartographic.longitude);
        latitudeString = Cesium.Math.toDegrees(cartographic.latitude);
        // 获取相机的 Cartographic 的高度以米表示, 相机高度
        let alti_String = (v
  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Cesium中的entity聚合是指将多个entity合并为一个。这可以用于简化场景中的元素数量,提高性能。一个例子是将多个建筑物合并为一个大型建筑群。这可以通过创建一个新的entity,然后将其他entity添加到该entity的children属性中来实现。这样,所有的子entity都将成为该聚合entity的一部分,并且可以通过缩放、平移、旋转等方式一起操作。例如,可以通过以下代码将三个entity合并为一个: ```javascript var aggregationEntity = viewer.entities.add({ position: Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883), model: { uri: 'path/to/aggregationModel.glb' } }); aggregationEntity.name = 'Aggregation'; var entity1 = viewer.entities.add({ position: Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883), model: { uri: 'path/to/model1.glb' } }); var entity2 = viewer.entities.add({ position: Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883), model: { uri: 'path/to/model2.glb' } }); var entity3 = viewer.entities.add({ position: Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883), model: { uri: 'path/to/model3.glb' } }); aggregationEntity.children.add(entity1); aggregationEntity.children.add(entity2); aggregationEntity.children.add(entity3); ``` 在这个例子中,我们创建了一个聚合entity `aggregationEntity`,并将其位置设置为经纬度坐标(-75.59777, 40.03883)。我们还创建了三个子entity `entity1`、 `entity2` 和 `entity3`,并将它们的位置设置为相同的经纬度坐标。然后,我们将这三个entity添加到聚合entity的children属性中。最后,我们将聚合entity的模型设置为一个包含三个建筑物的模型。这样,我们就创建了一个包含三个建筑物的大型建筑群entity
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值