分享
查看: 2625|回复: 1

[分享] ThingJS如何搭建3D城市?

[复制链接]

ThingJS如何搭建3D城市?

发表于 2020-6-10 15:15:45 来自 分享 阅读模式 倒序浏览
zzv_icon2625 zzr_icon1 查看全部

ThingJS,迅速搭建3D城市场景

ThingJS有一个三维城市地图搭建工具CItyBuilder,这个工具能将上传的geojson数据变成精美的三维立体城市模型,那么ThingJS是如何去使用这个工具的呢?

ThingJS的在线开发工具citybuilder,不但能够一键生成选择的区域的城市模型,还能够根据上传的gis数据(geojson格式文件)生成对应区域的城市模型!下图即为进入thingjs在线开发工具citybuilder的入口:

ThingJS如何搭建3D城市?

ThingJS如何一键生成3d城市?

如何选择自己想要搭建的城市范围?怎么选择精美的模板?有对应的数据又该怎么生成城市场景?没有数据但是需要对这些数据进行操作可以么?ThingJS能做到这些么?当然可以!进入到ThingJS的在线开发中,找到一键3d城市的入口,进行新建地图城市,输入地图/城市项目名称,选择一键城市,选取城市范围,确定使用3d城市模板,最后进入编辑状态,即可生成3d城市,可以说,前期的操作就是点点点,这样一个3d城市或者说是3d地图就展现出来了,我们可以根据这个展现的3d城市进行下一步的操作,不论是去给他替换模型或者说是控制视角进行巡游,亦或者是增加图表来显示对应数据,或者是点击出现对应大楼名称,也可以更详细的弹出对应大楼的实时数据,比如人数、当前楼层温湿度等等,这些都可以通过ThingJS快速制作!

ThingJS如何搭建3D城市?    


webgl可视化平台ThingJS的citybuilder城市搭建工具,能够选择对应区域生成模型,还有多种精美的模板可以选择,如上图所示,citybuilder不但能够输入对应区域,选择模板,还能够上传我们自身的gis数据,那么,如果有gis数据(geojson格式文件)了,那么又是如何操作的呢?看下面!

点击新建地图,选择一键城市!

ThingJS如何搭建3D城市?ThingJS如何搭建3D城市?



ThingJS上传geojson数据生成三维城市地图

在thingjs在线开发平台,当我们不选择一键城市而是上传数据后,将会进入空的citybuilder编辑页面,此时我们点击图层右侧的加号,将会出现我的数据面板,选择上传我们的geojson数据,注意选择坐标系,即可上传我们的数据了并在thingjs中生成三维城市模型!

ThingJS如何搭建3D城市?


当我们的数据成功上传后,就会展现在“我的数据”中,点击我的数据,就能将我们的gis数据(geojson格式)转化成城市场景,并且进行对应操作,比如修改样式,可以使用模型替换掉目标模型,设置模型大小比例等等,还能设置弹窗,用户点击对应模型就能弹出对应的效果,使得我们的3d可视化城市搭建更加便捷,后续添加可视化对应的图表也能够使用ThingJS的图表功能添加,可以说是非常便捷的一个工具!!


ThingJS如何搭建3D城市?


ThingJS,让物联网可视化更简单!

avatar

77

主题

224

帖子

1176

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1176
橘子酱该减肥啦 发表于 2021-5-20 17:54:01 显示全部楼层
目前一键城市更改为3D城市页面供大家进行选择,点击 https://www.thingjs.com/guide/speedcityshow/进入页面搜索查看对应城市效果
avatar
游客~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

130700ppkpl8x3t7tt1b1t