GIS開發(fā):開源Cesium-Echarts4
2022-05-23 09:33 作者:地理信息技術(shù)雜談 | 我要投稿
echarts在mapbox-gl上能夠以圖層的形式進行疊加,Mapbox GL插件之echartsLayer,同樣在Cesium上也能夠進行疊加。
疊加形式都是通過在地圖上方覆蓋一個echarts圖層實現(xiàn)的。
github上有開源的圖層疊加樣例,是以vue組件形式實現(xiàn)的,網(wǎng)址是:
https://github.com/happyport/Cesium-Echarts4
Cesium上疊加效果圖:

在此使用的基礎(chǔ)上,對以上的源碼進行了一定修改,方便單頁修改。
地址是: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的類庫包有點大,沒有上傳,自己下載放在對應(yīng)的路徑即可。
新修改的類,放在lib文件夾中,其中cesium_data.js是把原來使用的數(shù)據(jù)做了一個簡單的調(diào)整。修改后的效果:

調(diào)整了一個設(shè)置echarts圖層尺寸的bug,這個在電腦的縮放設(shè)置時,會存在問題。
參見windows電腦的縮放比例:

標(biāo)簽: