[cesium] 3DTilset的变换插件 | 模型矩阵旋转平移缩放

向右看齐 2022-12-21 00:55 238阅读 0赞

# 说明 #

### 基于cesium的3dtilset模型矩阵变换插件 ###

### cesium-transform.js ###

### 使用 ###

在项目中引入Cesium.js

在项目中引入dat.gui.js

然后引入 cesium-transform.js 即可

在线访问: [地址][Link 1]

// 初始化
        let viewer = new Cesium.Viewer("viewerContainer")
    
        // tilset地址
        const url = 'http://earthsdk.com/v/last/Apps/assets/dayanta/tileset.json'
    
        // 基础参数
        let tileModelParam = {
            url: url,
            scale: 1.0,
            longitude: 116.29393709916772,
            latitude: 39.935457593075405,
            height: 0.0,
            rx: 0,
            ry: 0,
            rz: 0,
            alphaEnble: false,
            alpha: 1.0
        }
    
        // 调用调整面板
        TilesetMatrixPanel(viewer, { tileModelParam: tileModelParam })

# 效果图 #

![20201113150314459.gif][]

实例

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70][]

插件地址：[传送门][Link 2]

[Link 1]: http://zhangticcc.gitee.io/cesium-transform/
[20201113150314459.gif]: /images/20221120/66bce74b1f17427cbaf9516bd320164f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20201124121637422.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw==,size_16,color_FFFFFF,t_70
[Link 2]: https://github.com/zhangti0708/cesium-transform