cesium入门开发基础版本源码demo

系统演示视频地址

ceisum入门开发系列完整版本

demo源码地址

cesium入门开发系列基础版本源代码

demo部署环境

• jdk1.8环境配置，geoserver集成在tomcat运行需要；
• geoserver，发布地图服务；
• demo项目工程html+js+css；
• demo里面提供tomcat，里面集成geoserver以及三维模型数据，建议直接用；

版本更新说明

2018-12-23：

• 1.cesium api 1.42版本升级到1.52版本，需要注意的是，demo加载三维模型功能，1.52版本api加载模型出现偏移旋转，而1.42版本没有这种情况出现，估计跟demo用的测试三维模型数据有关系，因为官网1.52版本加载它的gltf三维模型没有问题的；
• 2.修复三维漫游飞行功能模块的界面样式以及功能一些bug；
• 3.优化一下gltf三维模型加载功能，比如点击加载三维模型，再次点击移除三维模型；

2019-1-20：

• 1.在线天地图加载wmts方式url已变更，现在需要token方式，目前已经修复过来；

2019-5-8：

• 1.cesium api 1.52版本升级到1.56版本；

2020-5-16：

• 1.整改项目工程，把myeclise创建的web项目整改为纯粹前端html+js+css形式；
• 2.cesium api 1.56版本升级到1.66版本；
• 3.升级1.66版本之后，原来量算工具功能不兼容，替换1.66版本的量算工具功能；
• 4.新增一个版本绘制工具2，可以贴地贴模型绘制，原来版本绘制工具1不能；

2020-5-24：

• 1.新增cesium加载gltf三维模型交互功能，点击模型弹窗以及点击三维模型列表定位弹窗；
• 2.新增cesium加载倾斜摄影模型交互功能，点击倾斜模型单体化高亮弹窗以及倾斜模型列表定位高亮弹窗；
• 3.新增地图属性查询功能；
• 4.新增地图空间查询功能；
• 5.新增卫星轨迹演示功能；
• 5.新增cesium结合echarts展示迁徙图功能；

2020-8-9：

• 1.新增图层编辑管理功能，包括图层信息增删改查；

功能介绍

这个项目提供的是cesium入门开发源代码，合适对象为cesium开发初学者或者从其他IT行业转向cesium开发，需要具备一定的html+js+css基础。

项目的结构目录说明：

• lib文件夹目录下，主要是存放项目的js插件以及js库等资源；
• gis/cesium文件夹目录下，主要存放cesium相关资源文件，包括cesium api以及css、自定义封装的cesiumviewer.js等等；
• common-bx-gis/map文件夹目录下，主要存放地图主页的css以及图片资源等等；
• 核心js文件说明，gis/map目录下的index.js(cesium地图功能模块入口)、cesiumviewer.js（自定义封装cesiumviewer，里面封装一系列基于cesium的基础操作函数以及属性）、DrawHelper.js（cesium地图绘制工具）、map.config.js（地图配置信息文件）、measure.js（cesium地图量算工具）、viewerCesiumNavigationMixin.js（cesium地图导航控件）、cesiumap.js（cesium地图主界面操作js）、BaseLayerSwitcherToolBar.js（cesium地图切换工具）、flycesium.js（cesium地图三维漫游飞行）等等；

系统功能实现截图

• 地图主界面加载显示地图
  

• 地图工具栏
  

• 地图图层控制
  

• 地图量算工具
  

• 地图定位
  

• 地图切换
  

• 地图简单标绘
  
  

• 地图卷帘工具
  

• cesium三维漫游飞行
  

• cesium三维模型以及定位弹窗
  
  

• cesium倾斜摄影以及单体化高亮
  
  

• 地图属性查询
  
  

• 地图空间查询