浮框层是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。
      导入浮框 按组件绘制格式处理数据后，导入组件，重新绘制。不需要重新请求服务端数据。具体数据可参见上文的数据示例。
      显示组件 显示组件，不需要参数。
      隐藏组件 隐藏组件，不需要参数。