如何把threejs建在地图盒上它的真实位置

Question

目前我已经加载了埃菲尔铁塔的obj文件，并使用threejs渲染它，但是我怎么能把这个建筑物放在地图上它的位置在现实世界中。我使用mapgox-gl-js来处理地图问题，因为它在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" 
    }] 
} 

感谢您的任何帮助。

Answer 1

您可能想要查看Threebox，它旨在将Three.js场景图与Mapbox GL JS地图同步。