cesium primitive添加模型

let addModel = true;
var model = null
const viewer = new Cesium.Viewer("cesiumContainer", {
shouldAnimate: true,
});
function update3dtilesMaxtrix(model,params) {
//旋转
var mx = Cesium.Matrix3.fromRotationX(Cesium.Math.toRadians(params.rx));
var my = Cesium.Matrix3.fromRotationY(Cesium.Math.toRadians(params.ry));
var mz = Cesium.Matrix3.fromRotationZ(Cesium.Math.toRadians(params.rz));
var rotationX = Cesium.Matrix4.fromRotationTranslation(mx);
var rotationY = Cesium.Matrix4.fromRotationTranslation(my);
var rotationZ = Cesium.Matrix4.fromRotationTranslation(mz);
//平移
var position = Cesium.Cartesian3.fromDegrees(params.tx, params.ty, params.tz);
var m = Cesium.Transforms.eastNorthUpToFixedFrame(position);
//旋转、平移矩阵相乘
Cesium.Matrix4.multiply(m, rotationX, m);
Cesium.Matrix4.multiply(m, rotationY, m);
Cesium.Matrix4.multiply(m, rotationZ, m);
//赋值给model
model.modelMatrix = m;
}
var scene=viewer.scene;

var handler1 = new Cesium.ScreenSpaceEventHandler(scene.canvas);
handler1.setInputAction(function (movement) {
if(addModel === true){
let ray = viewer.camera.getPickRay(movement.position);
let cartesian = viewer.scene.globe.pick(ray, viewer.scene);
var cartographic = Cesium.Cartographic.fromCartesian(cartesian);
var lat = Cesium.Math.toDegrees(cartographic.latitude);
var lng = Cesium.Math.toDegrees(cartographic.longitude);
var alt1 = cartographic.height;

var params= {
tx: lng, //模型中心X轴坐标（经度，单位：十进制度）
ty: lat, //模型中心Y轴坐标（纬度，单位：十进制度）
tz: alt1, //模型中心Z轴坐标（高程，单位：米）
rx: 0, //X轴（经度）方向旋转角度（单位：度）
ry: 0, //Y轴（纬度）方向旋转角度（单位：度）
rz: 0 //Z轴（高程）方向旋转角度（单位：度）
};
console.log(params)
model = viewer.scene.primitives.add(Cesium.Model.fromGltf({
url : "../SampleData/models/CesiumAir/Cesium_Air.glb",
scale : 1000,
color:Cesium.Color.fromCssColorString('#ffffff'),

}));
model.type = "model";
model.tx = lng;
model.ty = lat;
model.tz = alt1;
model.rx = 0;
model.ry = 0;
model.rz = 0;
update3dtilesMaxtrix(model,params);
addModel = false
viewer.camera.flyTo({
destination: Cesium.Cartesian3.fromDegrees(lng, lat, 40000)
})
}
}, Cesium.ScreenSpaceEventType.LEFT_DOWN);

cesium primitive添加模型相关推荐

cesium中添加建筑白模
1.在cesium中添加模型依赖于Cesium ion帐户的资产id,在这里创建账户. 2.上传模型(模型文件类型在Cesium ion中有说明,模型的提取办法可在这里查看)到账户中并平铺为3D Ti ...
cesium开发加油站1：cesium场景添加多边形贴地形或模型
cesium开发加油站1:cesium场景添加多边形贴地形或模型前言原代码更改后代码前言本篇文章主要介绍ceisum场景中,用GroundPrimitive替换Primitive加载多边形时 ...
Cesium 通过primitive 添加垂直图片资源
实际Cesium 项目中添加了部分贴地的资源.资源类型有图片,gltf或者glb的模型.这里简单比较一下primitive 和entity. primitive 基于比较底层的webgl技术,进行渲染 ...
Cesium中添加entitie模型，实现贴地。
1.Cesium中添加entitie模型,实现贴地. 2. 添加模型 const createModel = (url) => {const entity = viewer.entities.a ...
vue2 使用 cesium 【第二篇-相机视角移动+添加模型】
vue2 使用 cesium [第二篇-相机视角移动+添加模型] 搞了一阵子 cesium,小白入门,这东西很牛逼,但是感觉这东西好费劲啊!网上资料不多,每个人的用法又不一样,操作起来真的是绝绝子.之 ...
Cesium添加模型实时更新偏航角
开发工具与关键技术: 作者:熊琪撰写时间:2020年9月8日首先简单的说下cesium是什么,cesium是一个跨平台.跨浏览器的展示三位地球和地图的js库,cesium使用WebGL来进行硬件加 ...
Cesium: Primitive vs Entity
Primitive vs Entity Entity Cesium Sandcastle: Variety of available entities 更高级别的数据驱动 API,它使用一致性设计的. ...
vue 使用 cesium 接入 gltf 模型
vue 使用 cesium 接入 gltf 模型这个其实说简单也简单,但是说复杂也不容易搞.尤其是转化成vue语法或者是在vue项目接入的时候会有些许的坑,我在接入的时候也是有很多问题,好在最后把模 ...
Cesium加载模型两种方式
Cesium加载模型两种方式代码如下 <!DOCTYPE html> <html><head><meta charset="UTF-8" ...

cesium primitive添加模型

cesium primitive添加模型相关推荐

最新文章

热门文章