楼块获取+楼块切片3dtiles+IIS服务器发布+cesium加载楼块

数据下载

​ 使用工具QGIS对楼块进行获取下载,生成 .shp文件备用

​ 工具下载地址:https://www.qgis.org/en/site/forusers/download.html
image-20211102110450502

下载安装完毕,设置中文

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2ulxU9h6-1635909786925)(C:\Users\zhongguan\AppData\Roaming\Typora\typora-user-images\image-20211102110934127.png)]

新建链接 获取楼块 保存.shp文件

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MAfiDofG-1635909786927)(C:\Users\zhongguan\AppData\Roaming\Typora\typora-user-images\image-20211102111235261.png)]

输入名称以及地图类别URL,这里使用OCM:http://a.tile.openstreetmap.org/{z}/{x}/{y}.png

更多地图类别及安装QGIS 操作可参考:https://blog.csdn.net/sinat_36369024/article/details/97263602

双击新建的链接,如下图创建成功

在这里插入图片描述

收缩放到需要获取楼块的地区,安装插件QuickOsm

在这里插入图片描述
在这里插入图片描述

导出building为矢量图层
在这里插入图片描述
在这里插入图片描述

转换.shp文件为3dtiles

下载工具cesiumLab 下载地址:https://cesiumlab.com/

下载后完成注册

在这里插入图片描述

点击数据服务

点击适量楼块切片等,自定义设置,字段含义参考:https://cesiumlab.com/#/help
在这里插入图片描述
(补充)如果你有地形数据信息,就可以点击地形高程,这样就可以让楼块与地形切合,不会被覆盖,地形数据就是,在地形获取制作的地形瓦片,参考文章https://blog.csdn.net/LBY_XK/article/details/121117845
在这里插入图片描述

点击分发服务,可以看到自己创建的服务,复制链接或者点击图标进行预览

在这里插入图片描述

预览效果

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eLJ2EVNZ-1635909786939)(C:\Users\zhongguan\AppData\Roaming\Typora\typora-user-images\image-20211102114912513.png)]
(补充)添加地形数据后的效果,会与地面有距离,这就是地形的高度,添加地形后就能与楼块契合,还原真是场景
在这里插入图片描述

保存的本地文件

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EvgEWB5v-1635909786940)(C:\Users\zhongguan\AppData\Roaming\Typora\typora-user-images\image-20211102115116013.png)]

IIS服务器搭建及发布3dtiles

本地搜索IIS打开,本地默认已存在一个网站,网站为启动状态,点击浏览win10出现这个界面说明网站可使用

推荐参考:https://blog.csdn.net/caozl1132/article/details/96288552
在这里插入图片描述
在这里插入图片描述

直接在此网站新添加应用程序

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bwS5x2Y8-1635909786942)(C:\Users\zhongguan\AppData\Roaming\Typora\typora-user-images\image-20211102131408928.png)]

配置响应头以及MIME

在这里插入图片描述

配置以下内容,解决可能存在的跨域问题

Access-Control-Allow-Headers Content-Type,X-Requested-With,token

Access-Control-Allow-Methods GET,POST,PUT,DELETE,OPTIONS

Access-Control-Allow-Origin *

Access-Control-Request-Methods GET,POST,PUT,DELETE,OPTIONS

X-Powered-By ASP.NET

必须添加.b3dm文件类型,否则网络无法获取该类型文件

在这里插入图片描述

点击浏览此文件,浏览器能够显示数据,说明构建发布完毕

在这里插入图片描述

cesium加载3dtiles

地图初始化,通过相对应的工造函数引入

var palaceTileset = new Cesium.Cesium3DTileset({
                            url: 'http://localhost/3dbuild/tileset.json'//地址为刚刚浏览的tileset.json网络地址
                        })
cesiumView.scene.primitives.add(palaceTileset);

移动地图到自己设置的楼块地区,如果显示预览效果时候的楼块说明加载成功。

在这里插入图片描述

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

LBY_XK

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值