基于mars3d海洋三维管线系统开发中期总结

Posted 2021-09-28 xiaokcehui

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

正在上传…重新上传取消​​

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

（1）用geoserver发布平台矢量平台点和管线数据

关于三维管线，根据一些文献和技术文档，主要思路就是，每段管线必须提前做好，生成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）飞行漫游功能

更多咨询见xiaok海洋测绘网及同名公众号