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

从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海洋测绘网

分享到：

海洋仪器网

发表评论