在幾年前，GitHub上有一個mapbox-gl的插件threebox，地址是https://github.com/peterqliu/threebox，不過，在4年前已經(jīng)不進行更新了，使用three.js版本較低，對于2.0版本以后的mapbox-gl也不能很好的支持。

后來，GitHub上有作者基于前一版的threebox基礎(chǔ)上，進行了修改，兼容新版的mapbox-gl，地址是：https://github.com/jscastro76/threebox。

threebox是一個基于three.js編寫的插件，能夠?qū)hree.js中實現(xiàn)的物體對象，基于mapbox-gl自定義圖層（CustomLayerInterface）的技術(shù)，在mapbox-gl地圖上進行顯示。

截圖效果：

threebox支持實現(xiàn)的功能：

• 支持加載多種類型的三維模型文件?(FBX, GLTF/GLB, Collada, OBJ/MTL)；

• 支持三維拉高面狀和點狀數(shù)據(jù)；

• 支持three.js中的CSS2D標簽和富文本標簽；

• 支持通過鼠標點擊或者選中threebox創(chuàng)建的對象；

• 支持三維對象的動畫效果；

• 支持立體對象的陰影效果；
  

• 支持和mapbox-gl中的太陽同步效果；

• ...

其他的可以參照GitHub中代碼例子。