实现步骤
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地图文档（服务地址，配置参数）
obliqueLayer = m3dLayer.append('http://develop.smaryun.com:6163/igs/rest/g3d/DaYanTa', {})关键接口
1.【三维场景控件类】Cesium.WebSceneControl(elementId, options)
| 参数名 | 类 | 说明 |
|---|---|---|
| 元素标识 | 元素 | 细绳 | 各种视图的 div 的 id |
| 选项 | 目的 | （可选）附加属性 |
options属性主要参数
| 参数名 | 类 | 默认值 | 说明 |
|---|---|---|---|
| 查看器模式 | 细绳 | '3D' | （任选）初始视图模式默认为三维球 '2D'二维视图 'COLUMBUS_VIEW' 表示三维平面视图 |
| 显示信息 | 布尔值 | 错误的 | （可选）是否显示默认的属性信息框 |
| 动画 | 布尔值 | 真的 | （任选）动画默认控制不显示 |
| 基层选择器 | 布尔值 | 真的 | （任选）是否创建图层控制显示小组件 |
| 全屏按钮 | 布尔值 | 真的 | （任选）是否创建全屏控制按钮 |
| 按钮 | 布尔值 | 错误的 | （任选）是否创建 VR 按钮 |
2.【M3D模型层管理类】CesiumZondy.Layer.M3DLayer
【方法】append(url, options)：添加M3D地图文档服务
| 参数名 | 类 | 说明 |
|---|---|---|
| 网址 | 细绳 | 文档服务地址 |
| 选项 | 目的 | 附加属性 |
options属性主要参数
| 参数名 | 类 | 默认值 | 说明 |
|---|---|---|---|
| 自动复位 | 布尔值 | 真的 | （任选）是否自动定位 |
| 同步 | 布尔值 | 真的 | （任选）是否异步请求 |
| 已加载 | 布尔值 | 功能 | （任选）公正职能 |
| 代理人 | 默认代理 | 默认代理 | （任选）代理 |
| showBoundingVolume | 布尔值 | 错误的 | （任选）是否显示包围盒 |
| 最大屏幕空间错误 | 数字 | 16 | （）显示细节的模型，选择显示值，而呈现出将显示的效果图，可以提高视力的表现，降低质量 |
代码：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset='utf-8' />
<title>M3D-倾斜摄影数据展示</title>
<!--引用第三方的jQuery脚本库-->
<script include="jquery" src="./static/libs/include-lib-local.js"></script>
<!--引用Cesium脚本库文件-->
<script src="./static/libs/include-cesium-local.js"></script>
<!--引用示例页面样式表-->
<link rel="stylesheet" href="./static/demo/cesium/style.css" />
<script>
//在JS脚本开发中使用严格代码规范模式，及时捕获一些不规范的行为，从而避免编程错误
'use strict';
//定义三维场景控件对象
var webGlobe;
//定义M3D图层对象
var obliqueLayerArr;
//加载三维场景
function init() {
//构造三维视图对象（视图容器div的id，三维视图设置参数）
webGlobe = new Cesium.WebSceneControl('GlobeView', {});
//构造视图功能管理对象（视图）
var sceneManager = new CesiumZondy.Manager.SceneManager({
viewer: webGlobe.viewer
});
//设置鼠标位置信息展示控件：经纬度、高程、视角高度（容器div的id）
sceneManager.showPosition('coordinate_location');
//构造第三方图层对象
var thirdPartyLayer = new CesiumZondy.Layer.ThirdPartyLayer({
viewer: webGlobe.viewer
});
//加载天地图
var tdtLayer = thirdPartyLayer.appendTDTuMap({
//天地图经纬度数据
url: 'http://t0.tianditu.com/DataServer?T=vec_c&X={x}&Y={y}&L={l}',
//开发token （请到天地图官网申请自己的开发token，自带token仅做功能验证随时可能失效）
token: "9c157e9585486c02edf817d2ecbc7752",
//地图类型 'vec'矢量 'img'影像 'ter'地形
ptype: "img"
});
//构造M3D模型层管理对象（视图）
var m3dLayer = new CesiumZondy.Layer.M3DLayer({
viewer: webGlobe.viewer
});
//加载M3D地图文档（服务地址，配置参数）
var {
protocol,
ip,
port
} = window.webclient;
obliqueLayerArr = m3dLayer.append(`${protocol}://${ip}:${port}/igs/rest/g3d/DaYanTa`, {});
//视点跳转（经度，纬度，视角高度，方位角，俯仰角，翻滚角）
sceneManager.flyToEx(108.96044700955785, 34.21796237686321, {
height: 60.99772929683282,
heading: -38.4940479913348135,
pitch: -15,
roll: 0
});
}
</script>
</head>
<body onload="init()">
<!--三维场景容器-->
<div id='GlobeView'></div>
<!--位置信息容器-->
<div id="coordinateDiv" class="coordinateClass">
<label id="coordinate_location"></label>
</div>
</body>
</html>