如何将设计感和逻辑感无缝衔接？使用模板构建地图场景，将配置好的3D场景一键转化为JavaScript代码。基于此，ThingJS创造了独特的在线工具体验。ThingJS提供了CityBuilder这个城市场景的构建工具，它可以自动构建3D城市地图，不需要我们使用3Dsmax等工具制作模型，否则项目开发的复杂度会高很多。好消息是ThingJS提供了CityBuilder构建工具。用户只需上传Geojson数据，即可根据该数据生成相应的3D智慧城市场景！ThingJS的在线开发工具CityBuilder不仅可以一键生成所选区域的城市模型，还可以根据上传的Gis数据（Geojson格式文件）生成对应区域的城市模型！打开在线开发界面，点击编辑器右上角的地球小图标，进入ThingJS在线开发工具CityBuilder。ThingJS是如何一键生成3D城市的呢？毕竟要建设的城市范围怎么选择呢？如何选择精美的模板？如何用相应的数据生成城市场景？没有数据还可以但是需要对这些数据进行操作吗？ThingJS的实现步骤非常简单。进入ThingJS在线开发，找到一键3D城市的入口。具体位置前面也说了。首先输入地图/城市项目名称，在新地图窗口中选择一个一键城市，选择城市范围或输入城市名称如上海，选择一个颜色合适的3D城市模板，点击进入编辑状态，初始模板生成成功。前面的操作可以说是一点点，就展示了这样一个3D城市或者3D地图，我们就可以根据这个展示的3D城市进行下一步的操作，无论是更换模型还是控制视角进行游行，或添加图表显示相应数据，或点击相应建筑物名称，或更详细地弹出相应建筑物的实时数据，例如人数，温度和湿度当前楼层等，都可以通过ThingJS快速创建！上传Geojson数据以生成3D城市地图。基于Webgl可视化平台ThingJS的CityBuilder构建工具，可以选择对应区域生成模型，有多种精美模板可供选择。如图，CityBuilder不仅可以输入对应的区域，选择模板，还可以上传我们自己的GIS数据。在ThingJS在线开发平台上，当我们不选择一键城市而是上传数据时，会进入空空如也的CityBuilder编辑页面。这时候，我们点击图层右侧的加号，就会出现我的数据面板。选择上传我们的Geojson数据，注意选择坐标系，然后我们就可以上传我们的数据，在ThingJS中生成一个3D城市模型了！当我们的数据上传成功后，会显示在“我的数据”中。点击我的数据，将我们的GIS数据（Geojson格式）转换成城市场景，并进行相应的操作，比如修改样式。可以使用模型替换目标模型，设置模型的大小比例等，也可以设置弹窗。当用户点击对应的模型时，会弹出对应的效果，让我们的3D可视化城市建设更加方便，后续添加可视化对应的图表也可以使用ThingJS的图表功能的添加可以说是非常方便了工具！ThingJS可视化开发团队项目经验丰富，大小用户都有体验，沉淀了一个非常简单的四步开发流程：场景搭建-线上开发——数据对接——项目部署，这就是10万的选择+用户们，开启你的3D开发之旅，从选好工具开始吧！
