写在前面:
本次工程主要实现的是cesium基础三维地形加载、视角控制、经纬度显示;重点是实现cesium加载wms图层,并对wms图层进行参数更新,实现动态控制,进一步实现时间地图的展示目的。为时间地图可视化提供了三维显示的思路。中间进行参数控制的时候,需要销毁provider,目前没找到比这个更好的方式,希望能抛砖引玉,共同探讨是否有更高性能的实现方式。
1. 实现路线
基础实现步骤脑图
2.项目搭建运行
2.1 基础环境搭建
在此处不再赘述,请自行百度“NodeJS安装部署”;cesium的文件包可下可不下,如果下载不方便的话,可以直接使用在线的。
2.2 项目工程结构
项目工程结构
2.3 index.html
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
三维地形展示融合项目开始
暂停
经度:
纬度:
视角高:km
2.4 App.js
//cesium使用的token
Cesium.Ion.defaultAccessToken='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIyNmM1YmJlZS02Mzg3LTQ2MjAtYjRiMi00MDAwOTFk