Cesium 三维模型在线调整工具

古有卖炭翁，伐薪烧炭南山中。
今有读书郎，辛勤牧鸭北山坡。
皆为生计所迫耳！

http://123.56.67.147/ts-sdk-platform/

<script>
export default {//import引入的组件需要注入到对象中才能使用components: {},data() {//这里存放数据return {tileset: null,url: "http://localhost:8888/cesiumdemo/data/teapot/tileset.json",form: {lon: 0,lat: 0,height: 0,scaleX: 1,scaleY: 1,scaleZ: 1,heading: 0,pitch: 0,roll: 0},preForm:{},originForm: {},tilesetJson: {}};},//监听属性 类似于data概念computed: {},//监控data中的数据变化watch: {},//方法集合methods: {init() {this.$nextTick(() => {this.loaddata();this.loadJson();});},loadJson() {Cesium.Resource.fetchJson({url: this.url}).then(jsonData => {this.tilesetJson = jsonData;});},ok() {},reset() {this.form = Cesium.clone(this.originForm, true);this.ok();// this.dingwei();},dingwei() {if (this.check()) {this.t.flyTo();}},check() {if (!this.t) {alert("请先加载模型再执行这个操作！");return false;}return true;},downJson() {let newTilesetRootTransformArray = Cesium.Matrix4.pack(this.tileset.root.transform,[]); //矩阵转数组this.tilesetJson.root.transform = newTilesetRootTransformArray;let content = JSON.stringify(this.tilesetJson);this.downLoadText(content);},},//生命周期 - 创建完成（可以访问当前this实例）created() {},//生命周期 - 挂载完成（可以访问DOM元素）mounted() {this.init();},beforeCreate() {}, //生命周期 - 创建之前beforeMount() {}, //生命周期 - 挂载之前beforeUpdate() {}, //生命周期 - 更新之前updated() {}, //生命周期 - 更新之后beforeDestroy() {}, //生命周期 - 销毁之前destroyed() {}, //生命周期 - 销毁完成activated() {} //如果页面有keep-alive缓存功能，这个函数会触发
};
</script>
<style scoped>
.leftpanel {position: absolute;left: 10px;top: 70px;width: 500px;margin-bottom: 50px;background-color: #e6ebee;overflow-y: auto;max-height: calc(100% - 120px);
}.box-card {margin: 5px;margin-bottom: 0;
}.el-from {background-color: #e6ebee;
}.leftpanel >>> .el-card__body,
.el-main {padding: 10px;
}span {display: inline-block;margin-left: 5px;margin-top: 10px;font-size: 18px;
}.bottom {margin: 0 auto;text-align: right;margin: 10px;
}.el-form-item {margin-bottom: 0;
}.main >>> .el-card__body {padding: 10px;
}
</style>

Cesium 三维模型在线调整工具相关推荐

Cesium 三维模型使用 blender 调整位置、坐标轴、比例等
Cesium 三维模型使用 blender 调整位置.坐标轴.比例等模型坐标轴展示使用 blender 调整模型方向 1. 下载安装 blender 2. 打开blender,导入模型文件 3. ...
产品三维模型在线预览
产品在线展示案例预览玉镯在线预览:http://www.yanhuangxueyuan.com/3D/yuzhuo.html 汽车在线预览:http://www.yanhuangxueyuan.co ...
产品三维模型在线展示
产品在线展示案例预览玉镯在线预览:http://www.yanhuangxueyuan.com/3D/yuzhuo.html 汽车在线预览:http://www.yanhuangxueyuan.co ...
邀请试用实景三维模型在线浏览及网页分享平台
如果想要将大体积的倾斜摄影模型分享给客户或者领导查看,除了依赖于专业的建模软件或者拷贝数据.发送文件等,还有什么平台能够满足成果数据在线查看和分享.在线标绘管理.团队协作管理等功能呢? 现在就给大家介 ...
四维轻云轻松实现实景三维模型在线管理和分享
四维轻云是基于浏览器开发的轻量级地理空间数据云管理平台,平台具有数据管理.空间测量.团队管理.网页分享等功能,能够轻松实现实景三维模型在线管理和分享.四维轻云在实景三维模型在线管理和分享的基础上,还设 ...
cesium 之三维场景展示篇（附源码下载）
前言 cesium 官网的api文档介绍地址cesium官网api,里面详细的介绍 cesium 各个类的介绍,还有就是在线例子:cesium 官网在线例子,这个也是学习 cesium 的好素材. 内 ...
学习Cesium.js的必须要了解的工具CesiumLab
简介如果要深入研究Cesium.js和GIS中的三维模型,确实一定要了解以下这个工具CesiumLab.它是一个免费的Cesium.js配套的工具,大部分做三维开发的都需要用到,但是最新的版本需要用 ...
Cesium简介及发展历史
目录 1.什么是Cesium 2.以下是Cesium的发展历史: 3.Cesium近年来一直在不断发展和更新,以下是Cesium目前的一些进展: 4.Cesium目前的功能 5.Cesium学习 1. ...
了解Three.js
了解Three.js 本文是Three.js电子书的学前内容 Three.js是基于原生WebGL封装运行的三维引擎,在所有WebGL引擎中,Three.js是国内文资料最多.使用最广泛的三维引擎. ...

Cesium 三维模型在线调整工具

Cesium 三维模型在线调整工具相关推荐

最新文章

热门文章