mapboxに3jsの建物を置く方法

Question

現在、私はエッフェル塔のobjファイルを読み込んで3jを使ってレンダリングしていますが、どのように地図を実際の場所に配置することができますか？ mapgox-gl-jsを使用して地図の問題を処理します。これは3次元地図上の便利さのためです。

style: { 
    "version": 8, 
    "sources": { 
     "satellite": { 
     "type": "raster", 
     "url": "mapbox://mapbox.satellite", 
     "tileSize": 256 
     }, 
     "canvas": { 
     type: 'canvas', 
     canvas: 'idOfMyHTMLCanvas', 
     // animate: true, 
     coordinates: [ 
      [-74.02204952394804, 40.706782422418456], 
      [-73.99115047610259, 40.706782422418456], 
      [-73.99115047610259, 40.72021689994298], 
      [-74.02204952394804, 40.72021689994298] 
     ], 
     contextType: 'webgl' 
     } 
    }, 
    "layers": [{ 
     "id": "satellite", 
     "type": "raster", 
     "source": "satellite" 
    }, { 
     "id": "video", 
     "type": "raster", 
     "source": "canvas" 
    }] 
} 

任意の助けをありがとうございました。

Answer 1

Threeboxは、Three.jsシーングラフとMapbox GL JSマップを同期するように設計されています。