首页 > 解决方案 > 使用自定义 3D 模型进行地理空间数据可视化的工具

问题描述

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

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

有什么建议吗?

标签: data-visualizationwebglmapboxgeospatialkepler.gl

解决方案


你探索过最新版的三盒吗??它使您可以在 Mapbox 上添加任意数量的模型和 3D 图层,使用它们对 3D 对象的支持CustomLayerInterface,只需几行代码

    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 模型和自定义动画

3D 模型内置和自定义动画

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

MouseOver/Mouseout, Selected, Drag&Drop, Drag&Rotate, Wireframe

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

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

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

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

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

埃菲尔铁塔.gif

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

表现


推荐阅读