cesium 3dtiles 加载本地数据_3分钟,教你搭建一个三维城市建筑可视化系统 ( Cesium 加载 shp 数据 )...

最新推荐文章于 2024-06-05 15:14:07 发布

weixin_39793105

最新推荐文章于 2024-06-05 15:14:07 发布

阅读量3.9k

点赞数 6

本文介绍了如何使用Cesium进行三维地图可视化，重点讲解了将SHP数据转换为3DTiles并加载到Cesium中的方法，包括环境配置、数据转换和代码实现。通过这种方法，可以有效解决大场景数据量导致的卡死问题，并提供了获取全国62个城市矢量数据的资源链接。

摘要由CSDN通过智能技术生成

简单点说，三维地图可视化，就是将地理数据转换成三维立体的可视化形态，通过将具有地域特征的数据，或者数据分析结果，形象地表现在三维地图上，使得用户可以更加容易理解数据规律和趋势。

通俗地讲，三维地图可视化可以将地理数据更清晰直白地展现出来。

开发前准备

1. 城市建筑矢量数据 (.shp文件) 2. 搭建一个vue + cesium 的开发环境 3. .shp 矢量数据转 GeoJson 或者 3dtiles ( 建议使用 3dtiles 来加载 ) 4. cesium 基础使用 ( 加载底图以及控件等 ) 5. vue 基础 ( 本人做的所有实例都是基于vue来开发的 ) 想要获取全国62个城市矢量数据以及shp转3dtiles转换工具,可以关注【前端开发爱好者】,后台回复【三维城市建筑可视化】即可获取下载链接先看看最终要实现的效果吧，是不是感觉很酷呢，赶快关注【前端开发爱好者】获取资源，自己动手来尝试一下吧！！！

具体环境配置以及数据转换操作和代码实现

1. 环境搭建 ( vue + cesium )

npm install cesium --save

webpack配置

// resolveresolve: {
         alias: {
             cesium: path.resolve(__dirname, '../node_modules/cesium/Source')     } },  // plugins plugins: [          new HtmlWebpackPlugin({
                  template: 'src/index.html'            }),            // Copy Cesium Assets, Widgets, an