散点层是基础平面地图的子组件,支持独立的样式、数据和交互配置,包括散点层的散点样式、标注样式、弹框样式以及交互变量等,能够以散点的形式表现地理位置上的点数据信息。本文档为您介绍散点层各配置项的含义,帮助您快速准确地使用散点层子组件。

参考地图容器添加散点层子组件,并配置其参数。

样式

  • 默认配置
    • 回调ID:设置组件之间数据联动的变量,需要配置为数据中的某一个字段。
      注意 此功能已更新到 交互面板中, 样式面板的该功能将弃用,请尽快升级。新版本的交互功能支持配置多个字段。
    • 标注:散点的文字注释。单击标注右侧的眼睛图标,可控制标注的显隐。
      • 标注字段:与数据面板中的数据源配合使用,需要与数据中的某个字段名匹配。比如设置成name,那么大屏上的散点标注会显示为name字段的值。


      • 颜色:标注文字的颜色,可参考颜色选择器说明进行修改。
      • 阴影色:标注文字的阴影色。
      • 字体:标注文字的字体。
      • 字号:标注文字的大小。
      • 标注位置:标注文字相对于散点的位置,包括中心顶部居中底部居中左侧右侧
    • 散点配置
      • 数据映射:勾选后,可以根据数据源中value值的大小,设置散点的颜色和大小。
      • 填充颜色:设置数据源中value值为最大、最小和空时对应散点的颜色。对于value值介于最大值和最小值之间的散点,系统会根据比例将该散点的颜色设置成最大值颜色到最小值颜色的渐变色。只有勾选了数据映射,此选项才会显示。
      • 散点大小:设置数据源中value值为最大、最小和空时对应散点的大小。对于value值介于最大值和最小值之间的散点,系统会根据比例将该散点的大小设置成最大和最小的散点之间。只有勾选了数据映射,此选项才会显示。
      • 边线选项:设置区域边线的颜色和粗细。
    • 弹框样式:在预览或发布页面,单击散点出现的弹框样式。
      • 字体颜色:弹框文字的颜色。
      • 字体大小:弹框文字的大小。
  • 系列配置:单击右侧的+号或垃圾桶图标,增加或删除一个系列。
    • 类型过滤值:与数据源中的type字段对应,配置您所设置的type值对应散点的样式。


    • 图标:勾选后,散点以图标的形式显示,您可以在图标配置中设置图标图片、图标大小、偏移方式、以及标注的偏移。去勾选,散点以圆点的形式显示,您可以在散点配置中配置散点的颜色、大小和边线,详细配置方法请参考默认配置

数据



单击此处下载上图中的示例JSON代码。
  • lat:散点的纬度。
  • lng:散点的经度。
  • type:(可选)多系列配置,与样式面板的系列配置配合使用,来配置散点的类型。
    说明 没有配置系列值或者不在系列值之内的数据点,会使用样式面板中的 默认配置进行渲染。
  • info:(可选)单击散点,出现的弹窗信息。
  • iconURL:(可选)散点图标的url地址。
  • value:(可选)散点数据映射,与配置面板中散点配置的最大值、最小值和无数据配置项配合使用,来设置散点的颜色和大小。
  • name:(可选)散点的标注名称,可以用于显示点位标注,与配置面板中的标注字段对应,来设置特定散点的标注信息样式。
  • rotationAngle:(可选)散点图标的旋转角度,单位默认为°。需要在配置面板中勾选图标配置项,并进行图标配置(上传一个自定义图标或者在数据源中自定义iconUrl),此参数才会生效。

交互

勾选 启用,开启组件交互功能。散点层子组件拥有交互配置,可单击某个散点抛出回调值,默认抛出数据中的 lnglat字段。具体配置请参考组件回调ID配置