CesiumJS是一个用于网络上3D地理空间可视化的开源JavaScript库。支持3D,2D,2.5D形式的地图展示,可以自行绘制图形,高亮区域,并提供良好的触摸支持,且支持绝大多数的浏览器和mobile。
官网: Cesium: The Platform for 3D Geospatial
要使用Cesium,好像需要在官网注册。
注册页面网址是 Cesium ion ,截图如下:
使用邮箱完成注册,然后在首页通过“Sign in”登录,则可进入下图所示的网页:
通过浏览器进入页面 Cesium Sandcastle ,即可在线运行,如下图所示:
只用一行代码“const viewer = new Cesium.Viewer("cesiumContainer");”,就显示了如此的场景,确实比较强。
CesiumJS下载
CesiumJS下载页面 Downloads – Cesium
是不是可以不注册直接到该页面下载,可以尝试一下。
点击上图中的按钮,开始下载,下载完成后得到文件“Cesium-1.93.zip”。
将下载的文件“Cesium-1.93.zip”解压缩到Nginx的安装目录(我的Nginx安装可参看网页 今日头条 ),解压后目录名为“Cesium-1.9.3”目录大小及其中内容如下图所示:
修改Nginx的配置文件“nginx.conf”
打开配置文件“nginx.conf”(在目录“D:\Programs\nginx-1.22.0\conf”)中,添加一个server,添加的内容如下:
文字内容为:
# Cesium 2022.5.28
server {
listen 81;
server_name localhost;
location / {
root Cesium-1.93;
index index.html index.htm;
}
}
在Nginx运行Cesium
启动Nginx,即双击文件“nginx.exe”,在浏览器中输入网址: http://localhost:81 进入如下图所示的网页。
点击“Hello World”,即进入如下图所示界面:
浏览器中的URL“ http://localhost:81/Apps/HelloWorld.html ”对应本地文件“D:\Programs\nginx-1.22.0\Cesium-1.93\Apps\HelloWorld.html”。
相关参考网页:
Cesium简介_longlongway2012的博客-CSDN博客_cesium的优势 (Cesium简介)