浮框层是3D球形地图的子组件,支持独立的样式和数据配置,包括浮框的大小、颜色、内容以及经纬度等,适用于将地理位置上的某些具体信息以浮框的形式展示在大屏上。本文介绍浮框层各配置项的含义。

单击子组件管理下方的浮框层,进入配置面板配置浮框层的样式和数据。
说明 如果子组件管理中没有浮框层,说明您还未添加浮框层子组件,请参见地图容器进行添加。

配置

浮框层配置面板
  • 搜索配置:单击配置面板右上角的搜索配置,可在搜索配置弹出框中输入您需要搜索的配置项名称,快速定位到该配置项,系统支持模糊匹配。详情请参见搜索组件配置
  • 浮框高度:浮框层与地球球体之间的距离。
  • 配置

    浮框大小:浮框层的大小。

数据

浮框层数据配置
表 1. 字段说明
字段 说明
type 浮框的类型。
id 浮框的ID。
latlngs 浮框所在位置的经纬度。
content 浮框显示的文本内容,包含以下字段:
  • title:浮框标题的内容。
  • content:浮框正文的内容。
  • width:浮框的宽度,单位为px。
  • height:浮框的高度,单位为px。
  • paddingLeft:正文内容距离浮框层左侧的偏移量,单位为px。
  • paddingRight:正文内容距离浮框层右侧的偏移量,单位为px。
  • paddingTop:正文内容距离浮框层顶部的偏移量,单位为px。
  • titleFontSize:浮框标题的字体大小。
  • titleColor:浮框标题的颜色。
  • contentColor:浮框正文的颜色。
  • contentFontSize:浮框正文的字体大小。
  • fontFamily:浮框标题与正文的字体系列(请选择您系统中已安装的字体,如系统中无此字体则会使用默认字体)。
  • bgImgUrl:浮框层背景图片的URL地址。
表 2. 配置项说明
配置项 说明
自动更新请求 勾选后可以设置动态轮询,还可以手动输入轮询的时间频次。
数据源 单击配置数据源,可在设置数据源页面中修改数据源类型和数据查询代码、预览数据源返回结果以及查看数据响应结果。详情请参见配置组件数据
数据过滤器 单击添加过滤器,可在设置数据源页面中配置数据过滤器,详情请参见组件过滤器使用说明
数据响应结果 展示数据请求的响应结果。当数据源发生改变时,可单击右侧的刷新图标图标,实时查看数据响应结果。

交互

此组件没有交互事件。

蓝图编辑器交互配置

  1. 在大屏编辑器页面,单击3D球形地图子组件管理列表中浮框层右侧的导出到蓝图编辑器图标。
  2. 单击页面左上角的蓝图图标图标。
  3. 在蓝图编辑器配置页面,单击导入节点栏内的浮框层组件,在画布中可以看到如下图所示的浮框层的蓝图编辑器配置参数。浮框层蓝图参数
    • 事件

      当浮框请求完成时:数据接口请求返回并经过过滤器处理后抛出的事件,同时抛出处理后的JSON格式的数据。具体数据可参见上文的数据示例

    • 动作
      动作 说明
      请求浮框 重新请求服务端数据,上游数据处理节点或图层节点抛出的数据将作为参数。浮框层配置了API数据源为http://api.test,传到请求浮框动作的数据为{ id: '1'},则最终请求接口为http://api.test?id=1
      导入浮框 按组件绘制格式处理数据后,导入组件,重新绘制。不需要重新请求服务端数据。具体数据可参见上文的数据示例
      显示组件 显示组件,不需要参数。
      隐藏组件 隐藏组件,不需要参数。