从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海洋测绘网及同名公众号
?
