vlambda博客
学习文章列表

超图修改版Cesium集成测试

超图版的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上。