1.3.3 快速入门

优质

小牛编辑

128浏览

2023-12-01

BuilderPro 为用户提供了多种效果调节方式，如全局渲染设置、图层参数设置。还设有效果模板、灯光方案和后期方案，使用户能够对3D 可视化渲染效果进行灵活切换。另外，还可以通过属性面板进行各种自定义效果设置，实现自主性的 3D 可视化城市搭建和效果设计。

快速入门中，将举例说明 BuilderPro 的一些基本使用方法和功能设置，使您能够快速了解 BuilderPro。

进入 BuilderPro

选择地图。
在打开的面板中，选择已有的地图文件。
注意事项
此时，如果选择新建地图 > 上传数据，则进入 CityBuilder 的地图编辑界面，而不会进入 BuilderPro。
点击右侧窗口下方的图标，如下图所示。
此时，系统将弹出如下提示信息。选择创建副本，则系统生成 BuilderPro 版本地图文件，并保留原 CityBuilder 地图。如无需保留 CityBuilder 地图，可选择直接打开。
注意事项
选择直接打开后，文件直接升级为 BuilderPro 版本地图，此时，若再次通过 CityBuilder 打开并编辑地图，会出现以下问题：
- BuilderPro 中自有的效果属性在 CityBuilder 中无法更改。
- 用 CityBuilder 修改地图后，在 ThingJS 开发平台中加载地图，修改的配置不能生效。
本例中，我们选择创建副本，即可进入 BuilderPro 的编辑界面。

下图所示为 BuilderPro 的编辑界面。通过界面指引，了解 BuilderPro 的功能设置。

完成界面指引后，可通过鼠标来控制场景，鼠标左键控制场景（前、后、左、右）位置移动，鼠标右键控制场景视角（仰角、俯角）角度大小，鼠标滚轮控制视图缩放。默认初始视角为北京市地区。

创建我的地图

我们可以通过 BuilderPro 提供的主控面板，来给地球添加图层，如区划数据、点数据和 OD 线数据图层，并进行相应地效果设置。下图为地图效果制作示例：

下面的子章节中，将对地图效果制作的一些基本设置进行举例说明。

设置天空背景

首先，先滚动鼠标滚轮，将摄像机镜头拉远，直到主窗口中显示出整个地球，如下图所示。

按以下步骤，设置天空背景。

在左侧主控面板下方，选择全局渲染设置。
在窗口右侧打开的面板中，选择背景，可以更改天空的颜色，也可以添加天空盒或背景图。本例中，我们选择天空盒作为天空背景加以说明。
注意事项
如果选择背景图，转动地球时背景图则不会改变。如果选择天空盒，天空背景可以随地球转动而改变。
在打开的面板中，选择一个图片作为天空背景图，如下图所示。
关闭全局渲染设置，即可完成天空背景设置。

关于全局渲染设置的详细说明，参阅全局渲染设置。

设置底图效果

按以下步骤，设置底图效果。

在左侧菜单栏中，选择底图效果。
在打开的底图效果面板中，点击底图，在弹出的面板中选择一个地图作为底图，如下所示。默认底图为高德影像。
调节滤镜颜色（单色滤镜或渐变滤镜），来改变地球底图的颜色。本例中，我们调节渐变滤镜颜色，如下图所示。完成颜色设置后，点击确认。
点击滤镜图片，选择保存为模板。在弹出的窗口中，输入滤镜名称，点击确认，即可将滤镜保存。

添加滤镜后，效果如下图所示。

设置图层效果

按以下步骤，设置图层效果。

在左侧主控面板，点击图层右侧添加图层按钮，如下图所示。
在弹出的窗口中，有三种数据可选，分别为我的数据、公共数据和区划数据。本例中，我们选择区划数据 > 中国_polygon作为第一个图层，加以说明。
- 选择我的数据，可将本地数据文件上传到 BuilderPro 中。
- 选择公共数据，可添加公共样例数据，如建筑、道路、标记点、标记线等。
- 选择区划数据，可添加世界/国家/省市的区域面图形或轮廓线图形。
在左侧菜单栏中，点击添加后的中国_polygon 图层，来编辑此图层。通过更改选项卡中的基本样式，来调整图层显示效果，如颜色、边框、透明度，发光效果等。如下图所示。
重复步骤1和步骤2，选择我的数据 > 上传数据，在弹出的窗口中，选择示例数据下载。
将下载的点图层数据（点.geojson）文件拖拽至窗口中，点击确认上传，即可加载点图层。下方系统提示当前坐标系，如出现偏移，可选择切换坐标系。相关信息，参阅文档中心 CityBuilder 中的常用坐标系。
拖拽 OD 线表格（OD 线.xlsx）文件至窗口中，按照下图所示，配置 OD 线信息，点击下一步。
点击确认上传，即可将 OD 线数据加载到我的数据中。点击加载后的点数据和 OD 线数据，即可添加点图层和 OD 线图层到场景中。
点击点图层属性设置面板，选择热力图，更改热度色带。点击OD线图层，设置贴图，动画速度。这样，就可以设置出前面示例中的效果了。

关于图层属性的详细说明，参阅图层属性设置面板。

删除效果

按下列步骤，删除背景、底图滤镜和图层效果。

点击背景，选择颜色。默认为黑色 RGB（0，0，0）。
点击底图效果，点击滤镜，在弹出的面板中，选择滤镜无。
点击图层左侧图标，可隐藏图层，如下图所示。如果不需要保留此图层，可直接删除图层。删除图层的方法，见更多操作。

创建我的城市

下面的子章节中，将介绍如何在地图上搭建城市建筑、添加道路和标记。关于 BuilderPro 的基本设置及操作说明，参阅项目控件。

下图为城市效果制作示例。

添加城市建筑

在之前设置的底图效果的基础上，按以下步骤，添加城市建筑。

在菜单栏中，点击图层右侧添加图层按钮。在弹出的窗口中，选择公共数据 > new_york_building。
点击添加的 new_york_building 城市建筑图层。
在打开的属性设置面板中，拔高设置的下拉菜单中选择 height，如下图所示，即可完成城市建筑拔高的设置。
选择贴图。分别设置建筑顶面和侧面贴图，贴图样式下拉菜单中，选择拉伸，即可完成城市建筑效果的设置。

添加城市道路

按以下步骤，添加城市道路。

在菜单栏中，点击图层右侧添加图层按钮。
在弹出的窗口中，选择公共数据 > new_york_line。
点击 new_york_line 图层，可调节边框颜色、线宽、线形、光效、动效和离地高度。本例中我们设置了颜色、线宽、线型和动画速度，如图所示。
注意事项
动效对渐变色和贴图有效，对单色无效。

添加城市标识

按以下步骤，添加城市标识。

在菜单栏中，点击图层右侧添加图层按钮。
在弹出的窗口中，选择公共数据 > new_york_busstop，并设置图层样式，如下图所示。
选择弹窗，可设置标识的弹窗信息，点击任意点标识，即可在弹窗中显示标识信息。

添加我的园区

在创建的城市基础上，添加园区（也称做场景）。下图所示为添加场景并应用场景模板的效果示例。本章节中，将对添加园区的步骤进行举例说明。

按以下步骤，添加我的园区。

在左侧菜单栏，点击场景右边的添加场景按钮。
在弹出的窗口中，选择所需上传的场景。可选择我的场景，将 CampusBuilder 中搭建的园区加载到 BuilderPro 中。本例中，我们选择公共场景 > 优锘大楼。
注意事项
需等待园区加载完毕后，才能继续进行下面的步骤。一般情况下，园区加载需要 15~20 秒。主窗口底部的绿色进度条可显示加载进度。等待时间以进度条显示的实际加载进度为准。
在弹出的地图中，搜索园区地址，点击确定，即可将园区加载到指定位置上。也可以先直接点击确认，再通过设置园区位置的方法，将园区放置到指定位置上。
点击优锘大楼图层右侧的定位按钮，即可定位到优锘大楼。