使用自定义 3D 模型进行地理空间数据可视化的工具答案

【问题标题】：Tools for geospatial data visualization with custom 3D models使用自定义 3D 模型进行地理空间数据可视化的工具
【发布时间】：2020-11-04 07:32:23
【问题描述】：

我需要一个可以进行地理空间数据可视化的工具，但它也允许我导入或创建自定义 3D 模型（例如导入 .gltf 文件）。

Kepler.gl 似乎是地理空间数据可视化的绝佳选择，但我找不到导入某些 .gltf 文件的方法，我不确定这在 kepler.gl 中是否可行。

有什么建议吗？

【问题讨论】：

标签： data-visualization webgl mapbox geospatial kepler.gl

【解决方案1】：

你探索过threebox的最新版本吗？？它使您可以在 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 模型内置和自定义动画

- 完整的光线投射支持 MouseOver/Mouseout、Selected、Drag&Drop、Drag&Rotate、Wireframe

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

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

- 包括具有内置支持阳光和阴影的纪念碑的地理定位模型

- 针对加载数千个 3D 对象进行了优化

【讨论】：

发誓，这看起来真的很有趣！这可能是答案，所以我愿意尝试一下。所以这是免费的（如我所见，MIT 许可证）？
MIT 是的，您必须保留许可证。如果它解决了您的问题，只要您有时间进行测试，请将其标记为已接受
我肯定会的，一旦我测试它，看看它是否符合我的需要。非常感谢！
如果您有任何问题，特别是任何错误，请不要犹豫，在 github repo 中打开一个问题