实现步骤
Step 1. 引用开发库:
本示例引用 local 本地【include-cesium-local.js】开发库,完成此步骤后才可调用三维 WebGL 的功能;
Step 2. 创建布局:
创建id='GlobeView'
的 div 作为三维视图的容器,并设置其样式;
Step 3. 构造三维场景控件:
实例化Cesium.WebSceneControl
对象,完成此步骤后可在三维场景中加载三维球控件;
Example:
/构造三维视图对象(视图容器div的id,三维视图设置参数)
var webGlobe = new Cesium.WebSceneControl('GlobeView', {})
Step 4. 加载数据:
加载数据:构造CesiumZondy.Layer.M3DLayer
M3D 图层管理对象,调用append()
方法,传入 M3D 缓存三维地图服务的 URL 地址即可加载浏览数据,同时可传入相关配置参数。
Example:
//构造M3D模型层管理对象(视图)
var m3dLayer = new CesiumZondy.Layer.M3DLayer({
viewer: webGlobe.viewer,
})
//加载M3D地图文档(服务地址,配置参数)
var obliqueLayer = m3dLayer.append('http://develop.smaryun.com:6163/igs/rest/g3d/钻孔分层点_Sur_000_Ent', {})
关键接口
1.【三维场景控件类】Cesium.WebSceneControl(elementId, options)