QGIS制作三维模型并利用Qgis2threejs发布至CGSCloud Portal平台和gltfviewer网站

朴灿烈づ我的快乐病毒、 2022-11-05 00:43 510阅读 0赞

QGIS（Quantum GIS）是一款免费的桌面GIS软件，可运行在Linux、Unix、Mac OSX和Windows等平台。QGIS是基于Qt，使用C++开发的一个用户界面友好、跨平台的开源版桌面地理信息系统。它主要提供GIS数据的显示、编辑和分析、制图等功能。

今天小崇就和大家分享如何使用在QGIS中制作三维模型并利用Qgis2threejs发布至CGSCloud Portal平台和gltfviewer网站。

友情提醒：在操作的过程中一定要联网联网联网!!!

**1.在QGIS中联网安装好QuickMapServices、OSMDownloader和Qgis2threejs插件。**

具体操作：插件——管理并安装插件——在搜索框里输入QuickMapServices——安装插件即可。（OSMDownloader和Qgis2threejs插件的安装也是如此）

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center]

以下是Qgis2threejs插件安装成功的页面：

具体操作：网络（W）——QuickMapServices——OSM——OSM Standard。

具体操作：点击下图中鼠标所指的矩形截取按钮（鼠标放在上面会显示Download OSM data by rectangle selection）开始截取区域。  
注意：截取区域面积越大下载越慢，建议放大地图后再进行截取以便节省时间。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 4]

设置数据的保存路径：勾选【Load layer after download】——点击Save File选择下载路径——OK。  
注意：一定要联网才能下载成功!!!

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 5]

下载好的页面：

**4.修改图层属性解决乱码问题**

具体操作：右击osm point图层——属性…——源——修改图层名（按自己需要修改）——数据源编码（将数据源编码方式改成UTF-8，记得点击【Apply】）——标注——将"基于规则标注"改成"单一标注"（记得点击【Apply】）——OK。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 7]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 8]  
其余的图层也是这样处理。待所有的图层处理完毕后，我们可以在图层面板中将【OSM Standard】的勾取消掉，查看所选区域是否还存在乱码问题。如果乱码问题已解决，就可以看到下图的效果：

具体操作：右击osm multipolygons——打开属性表——打开字段计算器——在输出字段名称里填写floor——在表达式的空白框里输入rand(1,10)——OK。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 10]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 11]  
**6.Qgis2threejs插件导出并发布**

具体操作：Qgis2threejs——Qgis2threejs Exporter——勾选需要的图层——osm multipolygons——Properities——Object type(将Polygon改成Extrucled）——Color（将Feature Style改成Random，这样所有建筑等会颜色各异地呈现）——Apply——OK。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 12]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 13]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 14]

三维的效果如下图所示：

具体操作：File——Export to Web——勾选“Preserve the Current Viewpoint”和"Enable the Viewer to Run Locally"——在Page title填写页面名称——Export。

网页版三维数据模型的存储地址就会出现在下图中的Web page file处。双击蓝色字的存储地址即可在浏览器中打开。

具体操作：File——Save Scene As glTF(.gltf,.glb)——保存

将导出的zhengzhoutrainstation.gltf压缩为zhengzhoutrainstation.zip。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 21]

将zhengzhoutrainstation.zip压缩包拉拽上传至gltfviewer网站( [https://gltf-viewer.donmccurdy.com/][https_gltf-viewer.donmccurdy.com]）。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 22]

在gltfviewer网站看到效果如下：

登录CGSCloud Portal平台——添加场景——新建场景——分组中找到新建的场景——编辑场景——添加模型将zhengzhoutrainstation.zip压缩包导入该场景——保存——预览。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 24]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 25]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 26]

导入成功的页面如下：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70]

预览页面如下：

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center]: /images/20221023/e6e734242cbe4f6e8a0c410e71a2ab75.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221023/6a3d3031846d4c19ba192077b6ed3958.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221023/f6d366c4b1054c3ebe431fe6ef7d09f7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221023/c88e94c4a061450893f1eaaf25d30ab5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20221023/4bd84fdfeca747758110e893184b03c7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20221023/c0201a6429fa44a597a6fa2864a93e8c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 6]: /images/20221023/0f37afa173c74e8d900a155635c8d493.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 7]: /images/20221023/e33c435bc0514aac9f129606ad38cb8a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 8]: /images/20221023/886407f77920420f8d98115e8baf6aae.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 9]: /images/20221023/28ed21d6d69f401fb9ae3dcdc1dde49a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 10]: /images/20221023/b1fee13d0bcc41c8b7162edb3736428b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 11]: /images/20221023/ef96a77c696f476ca88f9d45f1e0d0d5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 12]: /images/20221023/7a9cdc3044004c76a5d8dd6eb093c41a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 13]: /images/20221023/96322082b3844b42a24e36b17dd28186.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 14]: /images/20221023/6eaf772fde204b6295ddb3239e1bedba.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 15]: /images/20221023/00b708ea67b64eb998806814cb4fc8a0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 16]: /images/20221023/5d061909fa53474b97066121e3604a39.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 17]: /images/20221023/a91a64a00b9445fca63196d5e9350e7e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 18]: /images/20221023/625a734a527c4d2a93309c4bd7804d4b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 19]: /images/20221023/198f536c6afc4d83ac37cb1a63200ba8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 20]: /images/20221023/d9455a076e4340388bcc83a4245efcab.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 21]: /images/20221023/07f122430ec14cac8014f601f15f98be.png
[https_gltf-viewer.donmccurdy.com]: https://gltf-viewer.donmccurdy.com/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 22]: /images/20221023/b947c78998694b7d9817933fe04316a0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 23]: /images/20221023/cf4cb5e5c441462da4b0c4e9c14ffeb7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 24]: /images/20221023/a09f8aaaca334b95ab7af686a5b7941d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 25]: /images/20221023/add36ed61ff24b289f5c327530051baf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 26]: /images/20221023/d2539908e250467c8d5badb801414b30.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70]: /images/20221023/c6b85398228346468e53c1a8c18a7a43.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 27]: /images/20221023/41e5c9f6ea8841b9b0e8ebc94d6d85a9.png