rankSymbolThemeLayer Class

rankSymbolThemeLayer(name, symbolType, options)

符号专题图图层。

Fx构造函数

# new rankSymbolThemeLayer(name, symbolType, options)

符号专题图通过为每个要素绘制符号大小来反映其对应的专题值的大小;它只能表示单个个字段属性信息。 符号专题图多用于具有相关数量特征的地图上,比如表示不同地区粮食产量、GDP、人口等。 即通过制作一个符号专题图,就可以清晰展示各个区域相关Value的分布差异等。 目前提供的符号图形有:圆形(后续进行扩展 心形 五角星 多角心 图片等)

参数:
名称 类型 属性 默认值 描述
name string

专题图层名。

symbolType Zondy.ChartType

符号类型。目前支持:"Circle"。

options Object

参数。

isOverLay boolean <optional>
true

是否进行压盖处理,如果设为 true,图表绘制过程中将隐藏对已在图层中绘制的图表产生压盖的图表。

themeFields string

指定创建专题图字段。

id string <optional>

专题图层 ID。默认使用 CommonUtil.createUniqueID("themeLayer_") 创建专题图层 ID。

opacity number <optional>
1

图层透明度。

查看源代码 leaflet/theme/RankSymbolThemeLayer.js, line 7

继承关系

  • Zondy.map.GraphThemeLayer

成员变量

Object

# symbolSetting

符号 Circle 配置对象。

属性:
Name Type Attributes Default Description
codomain Array

值域,长度为 2 的一维数组,第一个元素表示值域下限,第二个元素表示值域上限。

maxR number <optional>

圆形的最大半径。

minR number <optional>

圆形的最小半径。

fillColor string <optional>

圆形的填充色,如:fillColor: "#FFB980"。

circleStyle Object <optional>

圆形的基础 style,此参数控制圆形基础样式,优先级低于 circleStyleByFields 和 circleStyleByCodomain。

decimalNumber number <optional>

数据值数组 dataValues 元素值小数位数,数据的小数位处理参数,取值范围:[0, 16]。如果不设置此参数,在取数据值时不对数据做小数位处理。

circleHoverStyle Object <optional>

圆形 hover 状态时的样式,circleHoverAble 为 true 时有效。

circleHoverAble boolean <optional>
true

是否允许圆形使用 hover 状态。同时设置 circleHoverAble 和 circleClickAble 为 false,可以直接屏蔽图形对专题图层事件的响应。

circleClickAble boolean <optional>
true

是否允许圆形被点击。同时设置 circleHoverAble 和 circleClickAble 为 false,可以直接屏蔽图形对专题图层事件的响应。

查看源代码 leaflet/theme/RankSymbolThemeLayer.js, line 25

方法

# createThematicFeature(feature) → {Zondy.Theme}

创建专题要素(图形)

参数:
名称 类型 描述
feature Zondy.Feature.Vector

要创建的专题图形要素

查看源代码 leaflet/theme/RankSymbolThemeLayer.js, line 55

专题图形

Zondy.Theme

# setSymbolType(symbolType)

设置符号类型,此函数可动态改变图表类型。在调用此函数前请通过 symbolSetting 为新类型的图表做相关配置。

参数:
名称 类型 描述
symbolType Zondy.ChartType

目前支持:"Circle"。

查看源代码 leaflet/theme/RankSymbolThemeLayer.js, line 45