相信大家都用過echart和各種地圖引擎做結合咏闪, echart 還有個開發(fā)包是echart-gl 是用來做三維圖表開發(fā)的替饿,但是echart-gl 很難在三維地圖上做相機視角同步匾委,這樣就會很別扭破花,不能成為地圖的一部分,echart-gl 開發(fā)的引擎正是 claygl 引擎慰照,其中arcgis官方文檔有指出和threejs 結合剃盾, 經過我研究一波可以用來做claygl 來做可視化腺占,這樣可以把echart-gl代碼移植到地圖引擎做到相機同步的效果讓 三維圖表‘留在地圖上’淤袜!
先看下官方與threejs 幾個關鍵的類和方法
1. Camera 類 (透視相機)
2. Matrix4 類
3. Vector3 類
4. 相機透視矩陣projectionMatrix 和 Matrix4 decompose 方法
通過查看claygl 引擎文檔
1. Camera 類 (透視相機)
2. Matrix4 類
3. Vector3 類
4. 相機透視矩陣setProjectionMatrix和 Matrix4 decomposeMatrix方法
剛好他們坐標系方向都是一致的不像babylonjs 是反的 好弄一些 以下便是構建一個cube方塊具體代碼
```html
Create a local scene - 4.3
html,
body,
#sss {
/*padding: 0;*/
/*margin: 0;*/
height: 500px;
width: 1000px;
}
#homeDiv {
left: 15px;
top: 130px;
z-index: 35;
position: absolute;
}
更多信息參考小專欄??https://xiaozhuanlan.com/topic/6503871924