Cesium 模型(model)添加,平移,缩放,透明度,旋转

const handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);

添加model

    handler.setInputAction((movement) => {//鼠标左键事件,点击地图,在点击位置添加模型
      var cartesian = viewer.scene.globe.pick(viewer.camera.getPickRay(movement.position), viewer.scene);//获取地形上的点
      const newHeading = Cesium.Math.toRadians(0); //初始heading值赋0
      const newPitch = Cesium.Math.toRadians(0);
      const newRoll = Cesium.Math.toRadians(0);
      const headingPitchRoll = new Cesium.HeadingPitchRoll(newHeading, newPitch, newRoll);
      const modelMatrix = Cesium.Transforms.headingPitchRollToFixedFrame(cartesian, headingPitchRoll, Cesium.Ellipsoid.WGS84, Cesium.Transforms.eastNorthUpToFixedFrame, new Cesium.Matrix4());
      viewer.scene.primitives.add(Cesium.Model.fromGltf({
        url, // 模型地址
        modelMatrix,
      }));
    }, Cesium.ScreenSpaceEventType.LEFT_CLICK);

平移模型

    handler.
Cesium是一个开源的JavaScript库,用于创建三维地球和地图。它提供了许多功能,包括地理信息系统(GIS)支持、地形和卫星图像、以及实时动画等。要将GLTF(GL Transmission Format)文件添加Cesium中,您需要执行以下步骤: 1. 创建一个CesiumScene对象:首先,您需要创建一个CesiumScene对象,该对象代表了整个3D场景。 2. 加载GLTF模型:使用Cesium的材质系统和相机系统,您可以加载GLTF模型并将其放置在场景中。您可以使用Cesium的Iris对象(Cesium.Iris)加载GLTF文件。例如: ```javascript var viewer = new Cesium.Viewer('cesiumContainer'); var entity = viewer.entities.add({ name : 'My Model', position : Cesium.Cartesian3.fromDegrees(-123, 40), model : { uri : 'path/to/my/model.gltf', minimumPixelSize : 128, // 设置模型在视口中的最小尺寸 maximumScale : 2000 // 设置模型的最大缩放级别 } }); ``` 在上面的代码中,我们创建了一个名为“My Model”的实体,并将其放置在(-123, 40)的位置。我们还指定了要加载的GLTF文件的路径。 3. 调整模型属性:您可以通过修改模型的属性来更改其外观和行为。例如,您可以使用材质系统更改模型的纹理、颜色、透明度等属性。您还可以使用相机系统调整模型的视角和位置。 4. 渲染场景:最后,您需要渲染场景以查看您的模型。您可以使用Cesium的viewer对象调用其render方法来渲染场景。 请注意,Cesium是一个强大的库,具有许多高级功能和工具,因此上述步骤可能需要根据您的具体需求进行调整和扩展。此外,如果您需要更高级的功能或更深入的文档,建议查阅Cesium的官方文档或参考相关教程和示例代码。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值