GIS开发:开源Cesium-Echarts4
echarts在mapbox-gl上能够以图层的形式进行叠加,Mapbox GL插件之echartsLayer,同样在Cesium上也能够进行叠加。
叠加形式都是通过在地图上方覆盖一个echarts图层实现的。
github上有开源的图层叠加样例,是以vue组件形式实现的,网址是:
https://github.com/happyport/Cesium-Echarts4
Cesium上叠加效果图:

在此使用的基础上,对以上的源码进行了一定修改,方便单页修改。
地址是:https://github.com/wclwksn/Cesium-Echarts4
增加了一个单页面的测试,引用Cesium和echarts的类库,再引用扩展的echartslayer.js,即可在页面上显示效果。
src="https://cdn.bootcss.com/echarts/4.7.0/echarts.js"
@import url(Cesium/Widgets/widgets.css);
Cesium的类库包有点大,没有上传,自己下载放在对应的路径即可。
新修改的类,放在lib文件夹中,其中cesium_data.js是把原来使用的数据做了一个简单的调整。修改后的效果:

调整了一个设置echarts图层尺寸的bug,这个在电脑的缩放设置时,会存在问题。
参见windows电脑的缩放比例:
