将三维模型导入Mapbox

Question

我看到了“向Mapbox GL地图添加3D模型”的帖子。如果我有一个从Autodesk导出的GLTF模型，如何通过给定的地理坐标(wgs84)将三维模型准确地放置在地图上？

Answer 1

你探索过三盒的最新版本吗？它使您能够在Mapbox之上添加任意数量的模型和3D层，只需几行代码就可以通过CustomLayerInterface使用它们对3D对象的支持。

    map.on('style.load', function () {
        map.addLayer({
            id: 'custom_layer',
            type: 'custom',
            renderingMode: '3d',
            onAdd: function (map, mbxContext) {

                window.tb = new Threebox(
                    map,
                    mbxContext,
                    { defaultLights: true }
                );

                var options = {
                    obj: '/3D/soldier/soldier.glb',
                    type: 'gltf',
                    scale: 1,
                    units: 'meters',
                    rotation: { x: 90, y: 0, z: 0 } //default rotation
                }

                tb.loadObj(options, function (model) {
                    soldier = model.setCoords(origin);
                    tb.add(soldier);
                })

            },
            render: function (gl, matrix) {
                tb.update();
            }
        });
    })

你可以做得更多..。- 3D模型内置和自定义动画

​

​

-全光线广播支持鼠标/鼠标，选择，拖放，拖动和旋转，线框

​

​

-考虑高度的CSS2D工具提示和标签

​

​

- Three.js和Mapbox相机与深度调整同步

​

​

-包括带有阳光和阴影的建筑物的地理定位模型支持

​

​

-优化以加载数千个3D对象

​

​