comment mettre threejs en construisant sur mapbox à son endroit réel

Question

actuellement j'ai chargé le dossier d'obj tower eiffel, et le rend en utilisant threejs, mais comment puis-je mettre le bâtiment sur la carte à sa place dans le monde réel. J'utilise mapgox-gl-js pour gérer les problèmes de carte, pour sa commodité sur la carte 3D.

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" 
    }] 
} 

merci pour toute aide.

Answer 1

Vous voudrez peut-être vérifier Threebox, qui est conçu pour synchroniser un graphe de scène Three.js avec une carte Mapbox GL JS.