wie man threejs baut auf mapbox zu seinem realen ort

Question

zZ habe ich eiffelturm obj datei laden, und render es mit threejs, aber wie kann ich das gebäude auf der karte zu seinem platz in der realen welt. Ich benutze mapgox-gl-js, um Map-Probleme zu behandeln, für seine Bequemlichkeit auf 3D-Karte.

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

Danke für jede Hilfe.

Answer 1

Sie möchten vielleicht Threebox auschecken, mit der ein Three.js-Szenengraph mit einer Mapbox GL JS-Karte synchronisiert werden soll.