XbsjEarthUI与Cesiumlab分离部署

如题所述

Cesiumlab中三维可视部分其实就是XbsjEarthUI

我们可以通过在主页上右键“三维可视”按钮,

或者右键任务栏托盘中的cesiumlab图标,弹出的菜单中点击“打开视景器”

或者在三维可视页面点击右上角的“超链接”按钮

都可通过浏览器打开EarthUI,而且推荐使用浏览器来访问EarthUI,比在cesiumlab中性能要高一些。

XbsjEarthUI是开源的(github地址 https://github.com/cesiumlab/XbsjEarthUI ),有时候我们需要对XbsjEarthUI进行修改以满足一些定制需求,然而却无法集成到Cesiumlab中,这时候就需要把EarthUI单独部署。步骤如下:

1、EarthUI打包:执行npm run build,打包后的项目文件存放在dist文件夹中,当然可以重命名为其他;

2、发布服务:把该文件夹放到诸如tomcat、iis等服务器中,就可以发布了。我们用http-server来演示一下,cd到dist,然后hs,如下所示

3、在浏览器中访问: http://localhost:8088/Apps/Demos/Viewer/index.html ,我们看到的与cesiumlab中的三维可视是一样的。

4、打开已配置好的场景:通过在以上url中加入scene参数,值为场景id,在cesiumlab的发布服务中可以找到:

如: http://localhost:8088/Apps/Demos/Viewer/index.html ?scene=ffa102a0967a11eabd2cf5e86239201f,就可以打开之前配置好的场景了

当然要在cesiumlab开启的状态下,才能打开场景
温馨提示:答案为网友推荐,仅供参考