二维图标层是城市三维场景构建器的数据映射图层，二维图标层支持独立的样式和数据配置，包括二维图标层的叠加模式、样式映射和状态等样式配置。本文介绍二维图标层配置项的含义。

在场景编辑器左侧图层列表中，单击二维图标层图层，进入配置面板配置二维图标层图层的样式和数据。
说明 如果图层列表中没有二维图标层，说明您还未添加二维图标层图层，请参见使用默认基底数据方式创建组件后添加图层进行添加。

配置

二维图标层配置面板
  • 搜索配置：单击配置面板右上角的搜索配置，可在搜索配置对话框中输入您需要搜索的配置项名称，快速定位到该配置项，系统支持模糊匹配。详情请参见搜索组件配置。
  • 二维图标层配置面板中配置项参数说明。
    • 样式
      参数 说明
      固定尺寸 打开开关，二维图标的尺寸可随着相对相机的距离缩放标签的大小，若二维图标消失则是因为离相机过远，此时应调大二维图标的尺寸即可；关闭开关，二维图标根据下方显示大小配置项调整尺寸大小。
      叠加模式 在下拉列表中选择二维图标的叠加模式，可选添加模式和正常模式。
      图标资源 图标资源的类型，可选通用、行业或自定义。
      • 通用：图标资源为通用时，可单击下方通用图标下拉框，选择某个图标。
      • 行业：图标资源为行业时，可单击下方五个可选的行业图标类型中的任意一个，针对不同行业选择对应的图标，参见上方通用类型下图标的配置方法选择某个行业图标。
      • 自定义：图标资源为自定义时。
        • 鼠标移动到图片位置，单击删除可删除当前图标，然后单击图标区域或者拖动本地图片到区域内即可添加一个二维图标。
        • 鼠标移动到图片位置，单击更改可重新上传本地图片。
        • 您也可以输入图片的URL地址，将远程服务器上的图片作为二维图标。
      颜色 设置二维图标的默认颜色，请参见颜色选择器说明修改颜色。
      透明度 拖动滑块修改数据，设置二维图标的透明度值。取值范围0~1。
      尺寸 拖动滑块修改数据，设置二维图标的尺寸大小值。取值范围0~100，可与固定尺寸配置项搭配使用控制二维图标的尺寸值。
    • 数据映射：单击样式映射右侧的加号图标或垃圾桶图标图标，增加或删除一个二维图标样式类型。单击横排列图标或竖排列图标图标配置多个二维图标类型的排列样式。单击右侧的复制图标图标，即可复制当前选中映射类型系列并新增一个同样配置的映射类型系列。数据映射面板
      参数 说明
      类型type 与数据源中的type字段对应，配置您所设置的type值对应二维图标的样式。
      颜色、透明度、图标资源、尺寸 设置每个类型的二维图标样式，请参见配置中的二维图标样式。
    • 状态：二维图标的状态样式。
      参数 说明
      点击交互
      • 开关：打开开关，开启单击二维图标时候的交互效果；关闭开关，单击二维图标无交互效果。
      • 回调ID：设置组件之间数据联动的变量，需要配置数据面板中的某一个字段。 仅在打开交互开关后可配置。
      • 颜色高亮模式：设置二维图标颜色高亮的模式，可选正常模式、覆盖模式和无感模式。
      • 选中颜色：设置二维图标被选中时的颜色，请参见颜色选择器说明修改颜色。
      • 透明度：拖动滑块设置二维图标的透明度，取值范围为0~1。
      动效 设置二维图标的动效样式，包括二维图标的呼吸速度，取值范围为0~100。数值设置越大，二维图标呼吸速度越快。

数据

二维图标数据面板
表 1. 字段说明
字段 说明
lng 二维图标所处的经度。
lat 二维图标所处的纬度。
altitude （可选）二维图标距离地表面的高度。
type （可选）二维图标的多系列配置类型，与配置面板中的类型type配合使用，来配置二维图标的类型。
表 2. 配置项说明
配置项 说明
受控模式 打开开关，组件初始化状态下不请求数据，仅通过回调ID或蓝图编辑器配置的方法发起请求数据；关闭开关，可以使用自动更新请求数据。开关默认为关闭状态。
自动更新请求 选中后可以设置动态轮询，还可以手动输入轮询的时间频次。清除后则不会自动更新，需要手动刷新页面，或通过蓝图编辑器和回调ID事件来触发请求更新数据。
数据源 单击配置数据源，可在设置数据源页面中修改数据源类型和数据查询代码、预览数据源返回结果以及查看数据响应结果。详情请参见配置组件数据。
数据过滤器 数据过滤器提供数据结构转换、筛选和一些简单的计算功能。单击添加过滤器，可在设置数据源页面配置数据过滤器脚本，详情请参见组件过滤器使用说明。
数据响应结果 展示数据请求的响应结果。当数据源发生改变时，可单击右侧的刷新图标 图标，实时查看数据响应结果。

蓝图编辑器交互配置

  1. 在当前场景编辑器页面，单击左侧图层列表中二维图标层右侧的导出到蓝图编辑器图标。
  2. 鼠标移动到页面左上角的返回图标，单击弹出对话框中的蓝图编辑器。
  3. 在蓝图编辑器配置页面，单击导入节点栏内的二维图标层图层，在画布中可以看到如下图所示的二维图标层的蓝图编辑器配置参数。二维图标层
    • 事件
      事件 说明
      当数据接口请求完成时 数据接口请求返回并经过过滤器处理后抛出的事件，同时抛出处理后的JSON格式的数据。具体数据示例请参见画布编辑器中组件右侧配置面板数据页签的数据响应结果区域。
      当数据接口请求失败时 数据接口请求失败时（请求失败的情况可能是：网络问题或接口报错等）返回并经过过滤器处理后抛出的事件，同时抛出处理后的JSON格式的数据。具体数据示例请参见画布编辑器中组件右侧配置面板数据页签的数据响应结果区域。
      点击事件 当鼠标单击二维图标时触发的事件，抛出object类型的数据。
    • 动作
      动作 说明
      请求数据接口 重新请求服务端数据，上游数据处理节点或图层节点抛出的数据将作为参数。例如二维图标层配置了API数据源为http://api.test，传到请求数据接口动作的数据为{ id: '1'}，则最终请求接口为http://api.test?id=1。
      导入数据接口 按组件绘制格式处理数据后，导入组件，重新绘制。不需要重新请求服务端数据。具体数据示例请参见画布编辑器中组件右侧配置面板数据页签的数据响应结果区域。
      显示组件 显示组件，不需要参数。
      隐藏组件 隐藏组件，不需要参数。