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，便可在頁面上顯示效果。

<script src="Cesium/Cesium.js"></script>

<script src="https://cdn.bootcss.com/echarts/4.7.0/echarts.js"></script>

<style>

@import url(Cesium/Widgets/widgets.css);

 </style>

Cesium的類庫包有點大，沒有上傳，本身下載放在對應的路徑便可。

新修改的類，放在lib文件夾中，其中cesium_data.js是把原來使用的數據作了一個簡單的調整。

修改後的效果：

調整了一個設置echarts圖層尺寸的bug，這個在電腦的縮放設置時，會存在問題。

參見windows電腦的縮放比例：

---

參考文章：

https://github.com/happyport/Cesium-Echarts4

https://github.com/Supermap/echartsLayer

本文分享自微信公衆號 - 技術幾句雜談（tecsimplepoint）。
若有侵權，請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。