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

向右看齐 2022-12-21 00:55 265阅读 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

发表评论取消回复

表情：

评论列表（有 0 条评论，265人围观）

还没有评论，来说两句吧...

相关阅读

相关 Matlab 图像平移、旋转、缩放、镜像

今天学习了用Matlab实现对图像的基本操作。在Matlab中，图像是按照二维矩阵的形式表示的。所以对图像的操作就是对矩阵的操作。对图像进行缩放、平移、旋转，都可以转化为

墨蓝/ 2023年08月17日 15:57/ 0 赞/ 162 阅读

相关 Cesium创建平移、旋转、缩放矩阵

1. 创建平移矩阵 4x4 //创建平移矩阵方法一 const mat4 = Cesium.Matrix4.fromArray([ 1.0, 0.0

分手后的思念是犯贱/ 2023年07月12日 03:48/ 0 赞/ 13 阅读

相关图像的几何变换：平移、旋转、缩放

![20191009191333910.png][][日萌社][Link 1] [人工智能AI：Keras PyTorch MXNet TensorFlow Paddle

女爷i/ 2023年07月06日 14:33/ 0 赞/ 12 阅读

相关 Cesium模型旋转、缩放

Cesium中模型的平移、旋转、缩放等操作很常见。我在网上找了很多资料，应用到项目中却无法运行，因为版本不一致。 ![在这里插入图片描述][20201117145951

曾经终败给现在/ 2022年12月22日 02:27/ 0 赞/ 847 阅读

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

说明基于cesium的3dtilset模型矩阵变换插件 cesium-transform.js 使用在项目中引入Cesium.js 在项目中引入d

向右看齐/ 2022年12月21日 00:55/ 0 赞/ 266 阅读

相关 CSS变形平移旋转缩放

CSS变形平移的特点：变形不会影响页面的布局，即只会影响元素自己，而不影响其他元素。使用transform来设置元素的变形效果平移： tr

Bertha 。/ 2022年09月04日 09:53/ 0 赞/ 304 阅读

相关交互式QGraphicsView（平移/缩放/旋转）

Graphics View提供了一个平台，用于大量自定义 2D 图元的管理与交互，框架包括一个事件传播[架构][Link 1]，支持场景 Scene 中的图元 Item 进行

系统管理员/ 2022年06月09日 08:15/ 0 赞/ 711 阅读

相关第四节 WebGL中的图形变换：旋转、平移和缩放

在WebGL中，如果我们想实现更高级的动态场景，或者是对物体进行坐标变换，那么旋转、平移和缩放必不可少。这些变换所涉及的是一些矩阵运算，先从二维平面讲起，再推导至三维空间。下面

快来打我*/ 2022年06月05日 04:11/ 0 赞/ 432 阅读

相关交互式 QGraphicsView（平移/缩放/旋转）

简述 Graphics View提供了一个平台，用于大量自定义 2D 图元的管理与交互，框架包括一个事件传播架构，支持场景 Scene 中的图元 Item 进行精确的双精度

蔚落/ 2022年04月22日 02:08/ 0 赞/ 527 阅读

相关 PythonOCC基础使用：建模——矩阵变换（平移/旋转/缩放/镜像）

此处特别感谢小昌做出的贡献！ 1.平移效果图： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_

绝地灬酷狼/ 2021年12月11日 01:07/ 0 赞/ 830 阅读