<< Click to Display Table of Contents >> 当前位置:  制作可视化报告 > 制作图表 > 图表类型  3D城市 复制链接

1. 概述

1.1 应用场景

3D城市是一种可通过三维建筑模型直观反映城市建筑、街道等信息，常用于智慧城市、智慧园区等项目。

1.2 基本要求

1.3 配置要求

该配置是客户端电脑的要求，不是指服务器，开发环境的电脑可以比推荐配置略低一些，但建议最好具有独立显卡。

2. 制作图表

1)在bi.properties文件中配置Mapbox地图参数。

➢例如：

mapboxgl.map.access.token=pk.eyJ1Ijoid2FuZ2p1bjEzMDMiLCJhIjoiY2l4OHBscnYwMDAwdTJ5cWY5cnRrZGM0ZSJ9.FQy75sTd5x1dujqvTsLzvA

此处的access.token值仅供用户参考，实际使用请访问Mapbox官网获取。

2)在图表组件上拖拽3D城市组件到画布区域。

3)上传场景。上传并选中已经准备好的成都市武侯区的geojson文件作为场景，点击确定。如需了解geojson的更多信息，详情请参考geojson。

➢说明：

上传文件为geojson文件，大小500M以内，建筑物数量15000个以内。

切换选择不同的geojson文件后，会清空对应的数据格式、模型设置等信息。

4)绑定地标数据并设置渲染。

a)拖拽地图列“所属区”绑定到地标处，并在下拉菜单中选择渲染方式为“围栏地图”，在【标记组 > 标记】中选择“所属区围栏地图”，并调整围栏高度。如需了解地图渲染的更多信息，详情请参考地标渲染。

b)拖拽度量“出发纬度”绑定到地标处，经度在下拉菜单中选择“出发经度”，并在下拉菜单中选择渲染方式为“迁徙地图”。

c)拖拽度量“目的纬度”绑定到到达列，经度在下拉菜单中选择“目的经度”，在【标记组 > 标记】中选择“经纬度地标列0_经纬度地标列1迁徙地图”，【标记组 > 形状】中修改自动选中的动态点为倒三角锥，并调整大小。

d)拖拽度量“地标纬度”绑定到地标处，经度在下拉菜单中选择“地标经度”，并在下拉菜单中选择渲染方式为“点地图”，在【标记组 > 标记】中选择“经纬度地标列点地图”，【标记组 > 形状】中修改自动选中的动态点为环，并调整大小。

➢说明：

地标列绑定数据列最多支持6个。

5)模型设置。在【图形 > 模型设置 】中选择模型为“建筑 -> 环球中心”，顶部颜色设置为“A1CCDF”，侧面颜色设置为“7FABBF”，点击“应用到全部”按钮。如需了解图形设置的更多信息，详情请参考图形设置。

6)使用鼠标调整组件中模型的视角以便获得良好的展示。

3.功能交互

•定位

点击定位图标后变为高亮状态，此时在组件内部任意点击，右下角固定显示当前点击处经纬度信息，支持复制。

•缩放

您可以通过鼠标滚轮的滚动实现组件层级放大或缩小。

也可以点击组件右下角的按钮实现放大缩小，为放大，为缩小。

•视角

您可以通过鼠标左键长按拖拽旋转当前视角。

4.功能说明

4.1geojson

4.1.1准备geojson

1)导出geojson。可访问https://overpass-turbo.eu/ 、https://mapflow.ai/网站选择区域， 通过build&run query： building/water/highway/park可以分别导出需要的数据。

2)配置属性。访问http://datav.aliyun.com/portal/school/atlas/area_selector、使用QGIS工具，配置geojson属性。

属性支持识别type：building、road、grass、water。其中building支持name、height，road等其他支持name。Height单位为m。读取文件数据不区分大小写。

数据示例：

{"type": "FeatureCollection",

"name": "hangzhou_mini",

"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } },

"features": [

{ "type": "Feature",

"properties": { "type": "building", "name”:"医院"，"Height": "60" },

"geometry": {

"type": "MultiPolygon", "coordinates": [ [ [

[ 120.153332840000076, 30.264831051300064 ],

[ 120.15335436700002, 30.264747696500024 ],

[ 120.153408167000066, 30.264757059600015 ],

[ 120.153429694000124, 30.264682970799981 ],

[ 120.153354372999956, 30.264673568800106 ],

[ 120.153375902000107, 30.264571681999939 ],

[ 120.153279062000024, 30.264552975200104 ],

[ 120.153214480000088, 30.264812305799978 ],

[ 120.153332840000076, 30.264831051300064 ] ] ] ] } }

]}

灰色底纹部分为建筑，properties为建筑属性，geometry为其经纬度数据。多个建筑以，分隔。

4.1.2geojson文件地理类型

将本地准备好的geojson文件上传后，会自动识别文件中的地理类型，详情说明参考下表。

4.1.3geojson文件管理

•删除geojson文件

点击删除图标，在删除对话框中确认删除即可。

•同步geojson文件

多C环境下，可以点击同步图标，会将集群中其他节点的geojson文件同步到当前节点。

4.2地标渲染

3D城市地标渲染的类型包括点地图、区域地图、迁徙地图、围栏地图。

3D城市地标不同渲染的设置具体说明参考下表。

4.3 图形设置

4.3.1 模型设置

在右侧编辑栏【图形 >  模型 > 模型设置 】中进行设置。

【模型选择】：模型选择中类型包括建筑、道路、水系、草地，模型类型的列表中展示geojson文件中已命名的建筑、道路、水系、草地，未命名的统一合并对对应的其他，如建筑-其他、道路-其他。选择好对应的类型后，在模型列表中选择对应模型，也支持在搜索框中输入关键字搜索模型。选择模型后，支持点击“隐藏”复选框，隐藏模型名称。

【样式】：建筑物区分顶部、侧面，道路、水系、草地无需区分，支持设置背景颜色和透明度。建筑模型的背景颜色支持纯色，渐变色（单色、双色）、图片，街道、草地、水系模型的背景颜色只支持纯色。设置背景颜色的透明度，默认勾选自动，即0%。

【应用到全部】设置是否将当前样式应用到同类别的全部模型。

下表列举了建筑物、草地的模型设置及效果。

4.3.2 自定义模型设置

在右侧编辑栏【图形 >  模型 > 自定义模型】中进行设置。

支持添加多个3D模型作为自定义模型，自定义模型支持添加、编辑、删除。添加模型后名称标签支持隐藏与显示，默认为隐藏。

➢说明：

3D城市的3D模型只支持gltf格式的rar、zip压缩包。

定位包括经纬度、场景位置，具体设置说明参考下表。

【经度】【纬度】设置自定义模型放置位置的经纬度，默认值为当前视角范围的地图中心。

【高度】设置自定义模型放置位置的离地高度，默认值为0m，无范围限制。

【模型】设置自定义模型放置的目标场景模型位置，默认值为当前视角范围的地图中心。

【旋转】自定义模型沿X/Y/Z轴的旋转角度，默认值为0，无范围限制。

【缩放】自定义模型绕X/Y轴的缩放比例，默认值为0，无范围限制。

4.3  场景设置

在右侧编辑栏【图形 >  模型 > 场景设置】中进行设置。

场景设置包括场景和环境特效，具体设置说明参考下表。

下表列举了部分场景具体设置与效果。

5. 图表的其他设置

5.1 图表组件的的通用操作与设置

具体参考下表中的参考文档。

5.2 图表组件的数据处理与分析

具体参考下表中的参考文档。

5.3 永洪全局函数与图表组件的脚本、函数

具体参考下表中的参考文档。

6. 其他说明

Desktop上超级会员支持3D城市组件，普通会员不支持。