覆盖主要内容
版本: 下个版本

等值面层

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

单击子组件管理下方的等值面层,进入配置面板配置等值面层的样式和数据。

信息

说明 如果子组件管理中没有等值面层,说明您还未添加等值面层子组件,请参见地图容器进行添加。

配置

  • 基础设置
    • 可见级别:设置等值面层的可见级别值,在设定的级别范围内线热力层可见,级别之外不可见。
  • 默认样式
    • 透明度:等值面层的透明度。
    • 像元大小:栅格区域图每个格子的像素大小,范围为1~10。像元越小,等值面层越清晰,渲染时间越长;像元越大,等值面层越模糊,渲染时间越短。
    • 权重:插值点对周围点的影响,范围为0.5~3。权重越大影响越大,渲染效果越好,但渲染时间越长。
    • 渲染方式:等值面层的渲染方式,系统提供线性渲染分段渲染两种方式。
      • 线性渲染
参数说明
中断值线性渲染的中断值。Uniplore 会根据您设置的中断值,结合 value 值的区间,得到中间的 value 的插值点,这个点的颜色就是您设置的中间颜色。说明:仅当渲染方式为线性渲染时,中断值配置项才有效。
填充颜色填充色包括最小颜色中间颜色最大颜色
- 最小颜色:**value **值最小的插值点的颜色。
- 中间颜色value 值处于最大值和最小值之间时,对应插值点的颜色。
- 最大颜色:**value **值最大的插值点的颜色。
分类数目插值点的分类个数。Uniplore 会根据您设置的分类数目,结合 **value **值的区间,将插值点分成多个类别,每种类别对应不同的颜色。分类数目越多,插值效果越好,但渲染时间越长。
  • 分段渲染
参数说明
中断值线性渲染的中断值。Uniplore 会根据您设置的中断值,结合 value 值的区间,得到中间的 value 的插值点,这个点的颜色就是您设置的中间颜色。说明:仅当渲染方式为线性渲染时,中断值配置项才有效。
默认颜色插值点的默认颜色。当插值点的value值不在您所设置的分段区间时,使用此默认颜色。
分段设色单击右侧的 图标,增加一个系列,单击系列右侧 x 删除一个系列。 单击系列名配置系列样式。
  • 分段区间:分段的区间值。您可以根据数据中插值点的** value** 值区间进行调整。
  • 分段颜色value 值在您所设置的分段区间内的插值点的颜色。 |

数据

  • 插值点数据接口

字段说明

字段说明
lng插值点的经度。
lat插值点的纬度。
value插值点的 value 值。Uniplore 会根据** value **值,结合配置面板中的渲染配置项,调整等值面层的渲染效果
  • 裁剪边界数据接口

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

配置项说明
受控模式打开开关,组件初始化状态下不请求数据,仅通过回调ID或蓝图编辑器配置的方法发起请求数据;关闭开关,可以使用自动更新请求数据。
自动更新请求选中后可以设置动态轮询,还可以手动输入轮询的时间频次。
数据源可在数据接口下拉选项中修改数据源类型或数据查询代码。
数据响应结果展示数据请求的响应结果。当数据源发生改变时,可刷新数据查看响应数据,实时查看数据响应结果。

交互

此组件没有交互事件。

蓝图编辑器交互配置

  1. 在画布编辑器页面,单击基础平面地图子组件管理列表中等值面层右侧的 图标。
  2. 单击页面左上角的 图标。
  3. 在蓝图编辑器配置页面,单击导入节点栏内的等值面层组件,在画布中可以看到如下图所示的等值面层的蓝图编辑器配置参数。

  • 事件
事件说明
当插值点数据接口请求完成时插值点数据接口请求返回并经过过滤器处理后抛出的事件,同时抛出处理后的JSON格式的数据。具体数据请参见上文的[数据示例]。
当裁剪边界数据接口请求完成时裁剪边界数据接口请求返回并经过过滤器处理后抛出的事件,同时抛出处理后的JSON格式的数据。具体数据请参见上文的[数据示例]。
  • 动作
动作
说明
请求插值点数据接口重新请求服务端数据,上游数据处理节点或图层节点抛出的数据将作为参数。例如等值面层配置了 API数据源为http://api.test,传到请求地理边界geojson数据动作的数据为{ id: '1'},则最终请求接口为http://api.test?id=1
请求裁剪边界数据接口重新请求服务端数据,上游数据处理节点或图层节点抛出的数据将作为参数。例如等值面层配置了 API 数据源为[http://api.test](http://api.test),传到请求热力值数据动作的数据为{ id: '1'},则最终请求接口为[http://api.test?id=1](http://api.test?id=1)
导入插值点数据接口按组件绘制格式处理数据后,导入组件,重新绘制。不需要重新请求服务端数据。具体数据请参见上文的数据示例
导入裁剪边界数据接口按组件绘制格式处理数据后,导入组件,重新绘制。不需要重新请求服务端数据。具体数据请参见上文的数据示例
显示显示组件,不需要参数。
隐藏隐藏组件,不需要参数。