Qgis导出三维模型并发布
加载OSM地图
以下三维模型场景的搭建基于QGIS3.12版本。预先安装了QuickMapServices、OSMDownloader和Qgis2threejs插件。

找到安装好的插件QuickMapServices,加载地图,找到要下载的区域
下载兴趣区域的地图
在安装好OSMDownloader插件后,找到矩形截取按钮,截取兴趣的区域地图

设置数据的保存路径

选中Load layer after download,也就是下载完成后载入qgis。
其中下载的数据包含小区或者建筑的多边形图层。
修饰地图数据
加载后的osm数据,有乱码现象,且不显示注记。
乱码的解决是设置编码为utf-8

设置注记属性

其中value是注记所使用的字段
增加建筑的高度属性
打开建筑小区图层的属性表和字段计算器


增加floor字段,并用表达式赋初始值1-10之间的随机数字。
Qgis2threejs插件中的设置
打开发布导出设置

设置要拉高的图层
这里的高度用到了新加的字段

点击Apply应用之后,效果如下。

导出web三维场景资源
在Qgis2threejs设置界面上选择导出网页资源

发布网页资源
双击打开html可以在本地打开。

还可以在web服务器上发布,供网络用户访问。
这里用python建立了简单的web服务器 python版本大于3以上,
在index.html同级路径下打开powershell,输入python -m http.server 默认打开8000端口,
在浏览器中打开localhost:8000,效果和本地打开一致。
导出场景作为模型文件
在Qgis2threejs导出界面上选择导出gltf格式的模型文件

查看模型
将导出的beijing.gltf压缩为beijing.zip,上传到gltfviewer网站上浏览(https://gltf-viewer.donmccurdy.com/)
在gltfviewer网站看到效果如下

北京畅图科技有限公司开发了CGS三维云平台,支持模型上传和零代码场景搭建的功能,敬请期待。
网友评论