Cesium 键盘操作修改模型矩阵，调整位置和角度

最新推荐文章于 2025-06-14 23:05:05 发布

莫默丶ccc

最新推荐文章于 2025-06-14 23:05:05 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： Cesium 文章标签： javascript Cesium GIS GIS编程图形图象图形处理类源码

本文链接：https://blog.youkuaiyun.com/qq_40288344/article/details/107079461

本文介绍了如何在Cesium中利用JavaScript实现键盘事件监听，动态修改模型的矩阵，从而调整模型的位置和旋转角度。通过加载数据和设置操作模块，实现了GIS图形的交互式控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

数据加载：

let models = viewer.scene.primitives.add(Cesium.Model.fromGltf({
        url: './tree/qtc1.gltf',
        modelMatrix: modelMatrixe,
        scale: 1,
        show: true,
        luminanceAtZenith: 0.8
    }))

模块加载：

import { moveData } from "moveData.js";

moveData.moveData(models,Cesium);

操作模块：

export const moveData = {};
moveData.moveData = function (models,Cesium) {
    document.onkeydown=function(event){
        let e = event || window.event || arguments.callee.caller.arguments[0];
        //位置
        if(e.key == 'ArrowUp'){
            models.modelMatrix[12]=models.modelMatrix[12]+1
        }else if(e.key == 'ArrowDown'){
            models.modelMatrix[12]=models.modelMatrix[12]-1
        }else if(e.key == 'ArrowLeft'){
            models.modelMatrix[14]=models.modelMatrix[14]+1
        }else