优锘科技的联创人员有一个共同愿景,就是让人们更好地认知和管理数字化世界,这意味着要坚定抛弃掉旧思惟,才可以突破和创新。ThingJS 作平台的目的就是实现轻量化的可视化开发,不只广泛下降3D工具使用难度,还可以基于JS代码简单开发炫酷功能,实属3D开发领域的一大福音!json
ThingJS提供了一个城市场景的搭建工具CityBuilder,能够自动搭建3D城市地图,不须要咱们另外去使用3Ds max等工具来制做模型,不然的话项目开发复杂度会高不少。一个好消息就是,ThingJS提供了CityBuilder搭建工具,用户只要上传Geojson数据,便可根据这个数据生成对应的三维智慧城市场景!编辑器
ThingJS的在线开发工具CityBuilder,不但可以一键生成选择的区域的城市模型,还可以根据上传的Gis数据(Geojson格式文件)生成对应区域的城市模型!打开在线开发的界面,点击编辑器上方右侧的一个地球小图标,便可进入ThingJS在线开发工具CityBuilder。ide
ThingJS如何一键生成3D城市?
话说回来,如何选择本身想要搭建的城市范围?怎么选择精美的模板?有对应的数据又该怎么生成城市场景?没有数据可是须要对这些数据进行操做能够么?ThingJS的实现步骤很简单。工具
进入到ThingJS的在线开发中,找到一键3D城市的入口,前面也说了具体位置。首先输入地图/城市项目名称,在 新建地图窗口选择一键城市,选取城市范围或输入城市名称如上海,挑选配色合适的3D城市模板后,点击进入编辑状态,就成功生成初始模板了。开发工具
能够说,前期的操做就是点点点,这样一个3D城市或者说是3D地图就展示出来了,咱们能够根据这个展示的3D城市进行下一步的操做,不管是去给他替换模型或者说是控制视角进行巡游,亦或增长图表来显示对应数据,或者是点击出现对应大楼名称,也能够更详细的弹出对应大楼的实时数据,好比人数、当前楼层温湿度等等,这些均可以经过ThingJS快速制做!ui
ThingJS上传Geojson数据生成3D城市地图
基于Webgl可视化平台ThingJS的CityBuilder搭建工具,可以选择对应区域生成模型,还有多种精美的模板能够选择,如图所示,CityBuilder不但可以输入对应区域,选择模板,还可以上传咱们自身的GIS数据。 在ThingJS在线开发平台,当咱们不选择一键城市而是上传数据后,将会进入空的CityBuilder编辑页面,此时咱们点击图层右侧的加号,将会出现个人数据面板,选择上传咱们的Geojson数据,注意选择坐标系,便可上传咱们的数据了并在ThingJS中生成三维城市模型! 3d
当咱们的数据成功上传后,就会展示在“个人数据”中,点击个人数据,就能将咱们的GIS数据(Geojson格式)转化成城市场景,而且进行对应操做,好比修改样式,可使用模型替换掉目标模型,设置模型大小比例等等,还能设置弹窗,用户点击对应模型就能弹出对应的效果,使得咱们的3D可视化城市搭建更加便捷,并且后续添加可视化对应的图表也可以使用ThingJS的图表功能添加,能够说是很是便捷的一个工具!blog
小编手欠的时候去数了一下数,发现实现一个3D城市地图的基础模板,只须要5个步骤,接下来就能够进入在线平台开发想要的3D功能了!是否是很简单呢,点击查看更多。ci