三维GIS开发：利用Cesium加载M3D景观模型（附代码）

gis学姐

已于 2022-08-12 09:30:14 修改

阅读量1.4k

点赞数

文章标签： html web javascript

于 2022-08-10 16:34:27 首次发布

本文链接：https://blog.csdn.net/gis1205/article/details/126268849

版权

本文介绍了如何通过Cesium进行三维GIS开发，详细讲解了加载M3D景观模型的五个步骤，包括引用开发库、创建布局、构造三维场景控件、设置鼠标位置显示控件以及加载数据。还提到了关键接口，如三维场景控件类、M3D模型层管理类和视图功能管理类的相关方法，提供了示例代码供学习。

摘要由CSDN通过智能技术生成

实现步骤

Step 1. 引用开发库：

引用local本地【include-cesium-local.js】开发库，完成此步骤后才可调用三维WebGL的功能；

Step 2. 创建布局：

创建id='GlobeView'的div作为三维视图的容器，并设置其样式；

Step 3. 构造三维场景控件：

Example:

//构造三维视图对象（视图容器div的id，三维视图设置参数）
   var webGlobe = new Cesium.WebSceneControl('GlobeView', {});

Step 4. 创建并设置鼠标位置显示控件：

要展示鼠标当前位置的经纬度、高程、视角高度信息，首先需要创建id="coordinate_location"的label标签作为容器；然后构造CesiumZondy.Manager.SceneManager视图功能管理对象，并调用showPosition()方法为三维场景控件设置鼠标位置信息显示控件；

Example:

 //构造视图功能管理对象（视图）
   var sceneManager = new CesiumZondy.Manager.SceneManager({
      viewer: webGlobe.viewer
   });
   //设置鼠标位置信息展示控件：经纬度、高程、视角高度（容器id）
   sceneManager.showPosition('coordinate_location');

Step 5.