ThingJS：如何一键生成3D城市地图

ThingJS除了PASS能力，还提供了CampusBuilder/CityBuilder等SAAS平台，用来实现3D地图的交互配置，属于ThingJS可视化搭建组件之一。而且，CityBuilder还支持JS代码编辑，无代码进行创作，让3D地图开发成为设计人员也能够上手、和开发人员良好协作的一款产品。

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

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

ThingJS如何一键生成3D城市？

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

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

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

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

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

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

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

3D可视化在各大应用领域是一颗冉冉升起的新星，ThingJS同时结合SAAS和PAAS能力，把设计人员、开发人员分开，每个人都配置一套轻量化平台， 最后通过无缝转化来完成整个3D地图的搭建，极大提升了项目开发的效率！