ThingJS:10万+企业用户的选择,用起来好轻松!

如何让设计感与逻辑感无缝衔接?利用模板进行地图场景搭建,又能够将配置完成的3D场景一键转成JavaScript代码,基于此,ThingJS创造出独一无二的在线工具体验。

ThingJS提供了一个城市场景的搭建工具CityBuilder,可以自动搭建3D城市地图,不需要我们另外去使用3Ds max等工具来制作模型,否则的话项目开发复杂度会高很多。一个好消息就是,ThingJS提供了CityBuilder搭建工具,用户只要上传Geojson数据,即可根据这个数据生成对应的三维智慧城市场景!

ThingJS的在线开发工具CityBuilder,不但能够一键生成选择的区域的城市模型,还能够根据上传的Gis数据(Geojson格式文件)生成对应区域的城市模型!打开在线开发的界面,点击编辑器上方右侧的一个地球小图标,即可进入ThingJS在线开发工具CityBuilder。

ThingJS:10万+企业用户的选择,用起来好轻松!_第1张图片

ThingJS如何一键生成3D城市

话说回来,如何选择自己想要搭建的城市范围?怎么选择精美的模板?有对应的数据又该怎么生成城市场景?没有数据但是需要对这些数据进行操作可以么?ThingJS的实现步骤很简单。

进入到ThingJS的在线开发中,找到一键3D城市的入口,前面也说了具体位置。首先输入地图/城市项目名称,在新建地图窗口选择一键城市,选取城市范围或输入城市名称如上海,挑选配色合适的3D城市模板后,点击进入编辑状态,就成功生成初始模板了。

ThingJS:10万+企业用户的选择,用起来好轻松!_第2张图片

ThingJS:10万+企业用户的选择,用起来好轻松!_第3张图片

可以说,前期的操作就是点点点,这样一个3D城市或者说是3D地图就展现出来了,我们可以根据这个展现的3D城市进行下一步的操作,不论是去给他替换模型或者说是控制视角进行巡游,亦或增加图表来显示对应数据,或者是点击出现对应大楼名称,也可以更详细的弹出对应大楼的实时数据,比如人数、当前楼层温湿度等等,这些都可以通过ThingJS快速制作!

上传Geojson数据生成3D城市地图

基于Webgl可视化平台ThingJS的CityBuilder搭建工具,能够选择对应区域生成模型,还有多种精美的模板可以选择,如图所示,CityBuilder不但能够输入对应区域,选择模板,还能够上传我们自身的GIS数据。

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

ThingJS:10万+企业用户的选择,用起来好轻松!_第4张图片

ThingJS:10万+企业用户的选择,用起来好轻松!_第5张图片

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

ThingJS可视化开发团队拥有丰富的项目经验,大大小小的用户都经历过,沉淀出非常简单的四步开发流程:场景搭建——在线开发——数据对接——项目部署,这是10万+用户的选择,启动你的3D开发之旅,从选择一款好工具开始吧!

你可能感兴趣的:(前端,javascript,html5,chrome,css)