实现步骤
Step 1.引用开发库:
本示例引用本地本地【include-cesium-local.js】开发库,完成此步骤后才可调用三维WebGL的功能;
Step 2.创建布局:
创建id='GlobeView'
的div作为其各个方面的容器,并设置样式;
Step 3.构造三维场景控件:
实例化Cesium.WebSceneControl
对象,完成此步骤后可在三维场景中加载三维球控件;
例子:
//构造三维视图对象(视图容器div的id,三维视图设置参数)
var webGlobe = new Cesium.WebSceneControl('GlobeView', {})
步骤4
加载构造3D数据CesiumZondy.Layer.M3DLayer
层管理对象,调用数据浏览方法:M3Dappend()
缓存层的URL地址加载,同时可以加载相关配置参数。
例子:
//构造M3D模型层管理对象(视图)
var m3dLayer = new CesiumZondy.Layer.M3DLayer({
viewer: webGlobe.viewer,
})
//加载M3D地图文档(服务地址,配置参数)
var bimLayer = m3dLayer.append('http://develop.smaryun.com:6163/igs/rest/g3d/buildings1', {
//模型细节显示控制参数:较大值可提高渲染性能,较低值可提高视觉质量
maximumScreenSpaceError: 0,
})
关键接口
1.【三维场景控件类】Cesium.WebSceneControl(elementId, options)
参数名 | 类 | 说明 |
---|