应用介绍
想给项目做一个城市的 3D 模型——数字孪生的底板、无人机航测的参照、游戏或可视化里的一段街区——常规路子要么买商业地图 SDK,要么在建模软件里对着卫星图一栋栋抠,几条街就够耗一整天。
map3d 把这件事变成在网页上框一下。它基于 OpenStreetMap 数据,用 React Three Fiber 直接把真实世界的建筑和道路生成成 3D 场景:在地图上拉个框选好范围,下一步就渲染出带高度的灰色楼块和绿色路网,鼠标能自由转视角看。
最实用的是可以一键导出成 GLB 文件,拿到 Blender、Three.js、Unity 里接着用。作者也点明了它的适用方向:数字孪生、无人机测绘、GPS 打点标记等,都能在这个底板上继续搭。要注意数据来自 OpenStreetMap,部分建筑高度可能缺失或不准。
全部功能免费,MIT 开源,有在线 demo 打开就能用。
真实城市 3D 生成：基于 OpenStreetMap 数据,把选定范围内的真实建筑和道路直接生成为带高度的 3D 场景。
网页框选即用：在地图上拉框选定区域,点下一步即渲染,不用装建模软件,浏览器里就能操作。
建筑与道路分层：灰色楼块表示建筑、绿色线网表示道路,城市结构一眼看清,可自由旋转缩放视角。
一键导出 GLB：把生成的 3D 场景导出为标准 GLB 文件,直接导入 Blender、Three.js、Unity 等继续加工。
可做数字孪生底板：适合作为数字孪生、无人机测绘、GPS 标记等应用的三维底图,在此基础上二次开发。
R3F 前端实现：用 React Three Fiber(Three.js 的 React 封装)构建,前端开发者可以直接读代码集成到自己的项目。
map3d 把这件事变成在网页上框一下。它基于 OpenStreetMap 数据,用 React Three Fiber 直接把真实世界的建筑和道路生成成 3D 场景:在地图上拉个框选好范围,下一步就渲染出带高度的灰色楼块和绿色路网,鼠标能自由转视角看。
最实用的是可以一键导出成 GLB 文件,拿到 Blender、Three.js、Unity 里接着用。作者也点明了它的适用方向:数字孪生、无人机测绘、GPS 打点标记等,都能在这个底板上继续搭。要注意数据来自 OpenStreetMap,部分建筑高度可能缺失或不准。
全部功能免费,MIT 开源,有在线 demo 打开就能用。
软件功能
真实城市 3D 生成：基于 OpenStreetMap 数据,把选定范围内的真实建筑和道路直接生成为带高度的 3D 场景。
网页框选即用：在地图上拉框选定区域,点下一步即渲染,不用装建模软件,浏览器里就能操作。
建筑与道路分层：灰色楼块表示建筑、绿色线网表示道路,城市结构一眼看清,可自由旋转缩放视角。
一键导出 GLB：把生成的 3D 场景导出为标准 GLB 文件,直接导入 Blender、Three.js、Unity 等继续加工。
可做数字孪生底板：适合作为数字孪生、无人机测绘、GPS 标记等应用的三维底图,在此基础上二次开发。
R3F 前端实现：用 React Three Fiber(Three.js 的 React 封装)构建,前端开发者可以直接读代码集成到自己的项目。
