等值面层是基础平面地图的子组件,适用于将已知的矢量点数据制作成栅格区域图进行大屏展示,例如使用等值面组件,实时插值出全国的空气质量图,满足一些气象等行业的可视化需求。本文档为您介绍等值面层各配置项的含义,帮助您快速准确地使用等值面层子组件。

注意 当前为v2.x版本的等值面层子组件指导文档,如需查看该子组件v1.x版本的文档内容详情,请参见等值面层(v1.x版本)

参见地图容器(v2.x版本)添加等值面层子组件,并配置其参数。

参见实例:DataV带你回顾春节前后全国空气质量变化

配置

等值面层配置面板v2.x
  • 搜索配置:单击配置面板右上角的搜索配置,可在搜索配置弹出框中输入您需要搜索的配置项名称,快速定位到该配置项,系统支持模糊匹配。详情请参见搜索组件配置
  • 可见级别:设置等值面层的可见级别值,在设定的级别范围内等值面层可见,级别之外不可见。
  • 透明度:等值面层的透明度。
  • 像元大小:栅格区域图每个格子的像素大小,范围为1~10。像元越小,等值面层越清晰,渲染时间越长;像元越大,等值面层越模糊,渲染时间越短。
  • 权重:插值点对周围点的影响,范围为0.5~3。权重越大影响越大,渲染效果越好,但渲染时间越长。
  • 渲染方式:等值面层的渲染方式,系统提供线性渲染分段渲染两种方式。
    • 线性渲染
      参数 说明
      中断值 线性渲染的中断值。DataV会根据您设置的中断值,结合value值的区间,得到中间的value值对应的插值点,这个点的颜色就是您设置的中间颜色
      说明 仅当渲染方式线性渲染时,中断值配置项才有效。
      填充颜色 填充色包括最小颜色中间颜色最大颜色
      • 最小颜色value值最小的插值点的颜色,可参见颜色选择器说明进行修改。
      • 中间颜色value值处于最大值和最小值之间时,对应插值点的颜色。
      • 最大颜色value值最大的插值点的颜色。
      分类数目 插值点的分类个数。DataV会根据您设置的分类数目,结合value值的区间,将插值点分成多个类别,每种类别对应不同的颜色。分类数目越多,插值效果越好,但渲染时间越长。
    • 分段渲染
      参数 说明
      中断值 线性渲染的中断值。DataV会根据您设置的中断值,结合value值的区间,得到中间的value值对应的插值点,这个点的颜色就是您设置的中间颜色
      说明 仅当渲染方式线性渲染时,中断值配置项才有效。
      默认颜色 插值点的默认颜色。当插值点的value值不在您所设置的分段区间时,使用此默认颜色。
      分段设色 单击右侧的+或垃圾桶图标,添加或删除一个分段。
      • 分段区间:分段的区间值。您可以根据数据中插值点的value值区间进行调整。
      • 分段颜色value值在您所设置的分段区间内的插值点的颜色。

数据

  • 插值点数据接口等值面层插值点数据V2.X可单击此处查看上图中的示例JSON代码。
    表 1. 字段说明
    字段 说明
    lng 插值点的经度。
    lat 插值点的纬度。
    value 插值点的value值。DataV会根据value值,结合配置面板中的渲染配置项,调整等值面层的渲染效果。
  • 裁剪边界数据接口等值面层裁剪面数据v2.x

    可单击此处查看上图中的示例JSON代码。

    裁剪边界定义了需要渲染的插值点的范围。例如上图中,裁剪边界数据定义了整个带颜色区域的中国地图。

表 2. 配置项说明
配置项 说明
自动更新请求 勾选后可以设置动态轮询,还可以手动输入轮询的时间频次。
数据源 单击配置数据源,可在设置数据源页面中修改数据源类型和数据查询代码、预览数据源返回结果以及查看数据响应结果。详情请参见配置组件数据
数据过滤器 单击添加过滤器,可在设置数据源页面中配置数据过滤器,详情请参见组件过滤器使用说明
数据响应结果 展示数据请求的响应结果。当数据源发生改变时,可单击右侧的刷新图标,实时查看数据响应结果。

交互

此组件没有交互事件。

蓝图编辑器交互配置

在大屏编辑器页面中,单击基础平面地图子组件管理列表中等值面层右侧的导出到蓝图编辑器按键。单击页面左上角的蓝图编辑器图标,切换进入蓝图编辑器配置页面。单击导入节点栏内的等值面层组件即可在画布中看到如下图所示的等值面层的蓝图编辑器配置参数。等值面层蓝图编辑器参数 v2.x
  • 事件
    事件 说明
    当插值点数据接口请求完成时 插值点数据接口请求返回并经过过滤器处理后抛出的事件,同时抛出处理后的JSON格式的数据。具体数据可参见上文的数据示例
    当裁剪边界数据接口请求完成时 裁剪边界数据接口请求返回并经过过滤器处理后抛出的事件,同时抛出处理后的JSON格式的数据。具体数据可参见上文的数据示例
  • 动作
    动作 说明
    请求插值点数据接口 重新请求服务端数据,上游数据处理节点或图层节点抛出的数据将作为参数。例如等值面层配置了API数据源为http://api.test,传到请求插值点数据接口动作的数据为{ id: '1'},则最终请求接口为htp://api.test?id=1
    请求裁剪边界数据接口 重新请求服务端数据,上游数据处理节点或图层节点抛出的数据将作为参数。例如等值面层配置了API数据源为http://api.test,传到请求裁剪边界数据接口动作的数据为{ id: '1'},则最终请求接口为http://api.test?id=1
    导入插值点数据接口 按组件绘制格式处理数据后,导入组件,重新绘制。不需要重新请求服务端数据。具体数据可参见上文的数据示例
    导入裁剪边界数据接口 按组件绘制格式处理数据后,导入组件,重新绘制。不需要重新请求服务端数据。具体数据可参见上文的数据示例
    显示 显示组件,不需要参数。
    隐藏 隐藏组件,不需要参数。