面朝大海,春暖花开

作者:xiaokcehui2021-9-11 2:02分类: 海洋三维(OEP3D) 标签: mars3d

从8月下旬到现在,差不多20天,海洋三维管线系统开发基本上完成了预想的一半。原始设想就是做一个类似于mars3d基础项目的网络海洋三维系统。

点击查看原图

1、前10天主要是数据处理和制作。

(1)用geoserver发布平台矢量平台点和管线数据

无标题2.png

无标题3.png

关于三维管线,根据一些文献和技术文档,主要思路就是,每段管线必须提前做好,生成gltf模型,然后通过程序将管线模型加载到三维场景中;如果通过坐标实时生成,速度慢,而且效果也比较差。

(2)地形数据制作

地形数据推荐使用cesiumlab制作,地形栅格数据格式,一般是tif ,也有dem或者img。tif制作步骤就是,用geosoft生成grid,然后导出surfer的grd格式,在globalmapper转成dem,在ArcMap打开dem,转成tif。

点击查看原图

(3)地形贴图,通过geoserver发布;然后在ArcMap中将shp转成json,生成矢量水面。

点击查看原图

(4)建筑物制作,由于没有无人机飞的三维模型数据,只能通过SHP转换。具体做法就是:根据卫片,画出建筑物的轮廓,然后,在ArcMap编辑建筑物的高度和名称,使用cesiumlab转成3dtiles。

点击查看原图

点击查看原图

2、后10天主要是编码。

之前将javaScript主要内容看了2-3遍,一直没有动手编代码,有较强的畏难情绪,感觉javascript语法比较复杂,而且夹杂着大量HTML和CSS的内容。虽然HTML和CSS难度不大,但涵盖的内容及其惊人。单个网页的内容(包含HTML和javaScript代码)轻松过万行。

动手开始编码以后,发现javaScript虽然杂,但是难度自己想象的那么难。javaScript主要特点是函数功能强大,函数不但可以做函数,还可以做变量,还有匪夷所思的自调用函数。在ES6之前,它的类功能也是函数提供的。jQuery库类似与MFC,异步编程其实就是VC的回调函数。现在javaScript有向着面向对象语言发展的趋势,更加标准化。下面是mars3d提供的widget变成示例:

;(function (window, mars3d) {
//创建widget类,需要继承BaseWidget
class MyWidget extends mars3d.widget.BaseWidget {
//外部资源配置
get resources() {
return ['view.css']
}

//弹窗配置,弹窗div弹窗,而非iframe模式
get view() {
return {
type: 'divwindow',
url: 'view.html',
windowOptions: {
width: 250,
},
}
}

//初始化[仅执行1次]
create() {}
//每个窗口创建完成后调用
winCreateOK(opt, result) {
//此处可以绑定页面dom事件
}
//激活插件
activate() {
toastr.info('激活插件_example_divwin')
}
//释放插件
disable() {
toastr.info('释放插件_example_divwin')
}
}

//注册到widget管理器中。
mars3d.widget.bindClass(MyWidget)

//每个widet之间都是直接引入到index.html中,会存在彼此命名冲突,所以闭包处理下。
})(window, mars3d)

上面的代码首先是一个自调用函数,函数里面有一个widget的类。

目前主要完成了空间测量、空间标记、空间分析(剖面、缓冲和淹没)等功能

(1)空间测量功能,主要测距、测面积、高度差等

点击查看原图

(2)空间标记,在三维图上标注点、线、面以及模型等

点击查看原图

(3)空间分析包括剖面、缓冲区以及淹没分析等

点击查看原图

点击查看原图

点击查看原图

(4)飞行漫游功能

无标题13.png


温馨提示如有转载或引用以上内容之必要,敬请将本文链接作为出处标注,谢谢合作!

已有 0/1703 人参与

发表评论:

欢迎使用手机扫描访问本站,还可以关注微信哦~