超图修改版Cesium集成测试

Posted 2021-05-01 技术几句杂谈

超图版的Cesium的源码进行了修改，添加了新的接口和功能，在官网上有可以浏览的样例地址。

http://support.supermap.com.cn:8090/webgl/examples/examples.html

这个前端的样例包也能够在官网下载到，其中内容：

里边的Cesium代码是（Build）编译后的代码，并没有Cesium原版包中所包含的源代码（Source）。

1、在纯html页面中集成

以<script>标签形式的在页面引用Cesium文件，以<link>的形式引用css文件，这和Cesium原版的引用方式是相同的。

<!-- 引入样式 -->

<link rel="stylesheet" href="Cesium/Widgets/widgets.css">

<!-- 引入脚本 -->

<script type="text/javascript" src="Cesium/Cesium.js"></script>

使用的时候，和原版的Cesium开发基本相同，多的接口和方法，在网站上有说明。

http://support.supermap.com.cn:8090/webgl/WebGL_API/webgl_chm.html

2、在vue中集成

因没有提供Cesium的Source，使用Build的时候，import会在vue中报错，不过网上提供了一个集成的方式，并有对应的npm包，参见网址：

https://lauxb.github.io/vue-cesium-supermap/#/zh/start/usage

笔者对照这个，使用vue进行了集成，可以运行，不过就是Cesium和viewer的访问，相对来说不太方便了。

后续有时间，将简单样例分享到github上。