文字标注层是基础平面地图的子组件,支持独立的样式、数据和交互配置,包括文字的标注样式、弹框、鼠标交互事件以及位置信息等,能够以文字标注的形式表现地理位置上的信息。本文介绍文字标注层各配置项的含义。
单击
子组件管理下方的
文字标注层,进入配置面板配置
文字标注层的样式和数据。
配置
数据
表 1. 字段说明
字段 |
说明 |
lat |
文字标注点的纬度。 |
lng |
文字标注点的经度。 |
name |
文字标注点的显示内容。 |
value |
可在数据面板内,自定义配置value或info字段,用于表示文字标注点的弹窗标注信息。
|
info |
表 2. 配置项说明
配置项 |
说明 |
受控模式 |
打开开关,资产初始化状态下不请求数据,仅通过回调ID或蓝图编辑器配置的方法发起请求数据;关闭开关,可以使用自动更新请求数据。开关默认为关闭状态。 |
自动更新请求 |
选中后可以设置动态轮询,还可以手动输入轮询的时间频次。取消选中后则不会自动更新,需要手动刷新页面,或通过蓝图编辑器和回调ID事件来触发请求更新数据。 |
数据源 |
单击配置数据源,可在设置数据源面板中修改数据源类型和数据查询代码、预览数据源返回结果以及查看数据响应结果,详情请参见配置资产数据。
|
数据过滤器 |
数据过滤器提供数据结构转换、筛选和一些简单的计算功能。单击添加过滤器,可在设置数据源面板配置数据过滤器脚本,详情请参见过滤器使用说明。
|
数据响应结果 |
展示数据请求的响应结果。当数据源发生改变时,可单击右侧的图标,实时查看数据响应结果。
|
交互
表 3. 交互说明
交互 |
说明 |
当点击点时 |
选中启用,开启组件交互功能。文字标注层子组件拥有交互配置,当单击某个标注点时抛出回调值,默认抛出数据中的lng和lat字段。具体配置请参见组件回调ID配置。
|
当鼠标移入时 |
选中启用,开启组件交互功能。文字标注层子组件拥有交互配置,当鼠标移入到标注点位置时抛出回调值,默认抛出数据中的lng和lat字段。具体配置请参见组件回调ID配置。
|
蓝图编辑器交互配置
- 在画布编辑器页面,单击基础平面地图子组件管理列表中文字标注层右侧的图标。
- 单击页面左上角的图标。
- 在蓝图编辑器配置页面,单击导入节点栏内的文字标注层组件,在画布中可以看到如下图所示的文字标注层的蓝图编辑器配置参数。
- 事件
事件 |
说明 |
当数据接口请求完成时 |
数据接口请求返回并经过过滤器处理后抛出的事件,同时抛出处理后的JSON格式的数据。具体数据示例请参见画布编辑器中组件右侧配置面板数据页签的数据响应结果区域。
|
当数据接口请求失败时 |
数据接口请求失败时(请求失败的情况可能是:网络问题或接口报错等)返回并经过过滤器处理后抛出的事件,同时抛出处理后的JSON格式的数据。具体数据示例请参见画布编辑器中组件右侧配置面板数据页签的数据响应结果区域。
|
当点击点时 |
当单击文字标注层的标注点时抛出的事件,同时抛出该标注点对应的经纬度数据项。 |
当鼠标移入时 |
当鼠标移入文字标注层标注的点时抛出的事件,同时抛出该标注点对应的经纬度数据项。 |
- 动作
动作 |
说明 |
请求数据接口 |
重新请求服务端数据,上游数据处理节点或图层节点抛出的数据将作为参数。例如文字标注层配置了API数据源为http://api.test ,传到请求数据接口动作的数据为{ id: '1'} ,则最终请求接口为http://api.test?id=1 。
|
导入数据接口 |
按组件绘制格式处理数据后,导入组件,重新绘制。不需要重新请求服务端数据。具体数据示例请参见画布编辑器中组件右侧配置面板数据页签的数据响应结果区域。
|
显示 |
显示组件,不需要参数。 |
隐藏 |
隐藏组件,不需要参数。 |