小编JB.*_*You的帖子

如何将在 mapbox 上的 Threejs 构建放到真正的位置

目前我已经加载了埃菲尔铁塔 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"
    }]
}
Run Code Online (Sandbox Code Playgroud)

感谢您的任何帮助。

three.js mapbox-gl-js

3
推荐指数
2
解决办法
2731
查看次数

标签 统计

mapbox-gl-js ×1

three.js ×1