Class: graphicLayer

L.supermap.graphicLayer

高效率点图层类。

L.supermap.graphicLayer(graphics, options)

leaflet/overlay/GraphicLayer.js, line 30
Name Type Description
graphics Array.<L.supermap.graphic>

要素对象。
options Object

图层参数。

Name Type Default Description
render string 'canvas' 可选

指定使用的渲染器。可选值：“webgl”，“canvas”（webgl 渲染目前只支持散点）。
color Array.<number> [0, 0, 0, 255] 可选

要素颜色。
highlightColor Array.<number> 可选

webgl 渲染时要素高亮颜色。
opacity number 0.8 可选

要素透明度。
radius number 10 可选

要素半径，单位像素。
radiusScale number 1 可选

webgl 渲染时的要素放大倍数。
radiusMinPixels number 0 可选

webgl 渲染时的要素半径最小值(像素)。
radiusMaxPixels number Number.MAX_SAFE_INTEGER 可选

webgl 渲染时的要素半径最大值（像素）。
strokeWidth number 1 可选

边框大小。
outline boolean false 可选

是否显示边框。
onClick function 可选

图层鼠标点击响应事件（webgl、canvas 渲染时都有用）。
onHover function 可选

图层鼠标悬停响应事件（只有 webgl 渲染时有用）。

Extends

Methods

addGraphics(graphics)

leaflet/overlay/GraphicLayer.js, line 115

追加点要素，不会覆盖之前的要素。

Name Type Description
graphics Array.<L.supermap.graphic>

点要素对象数组。

clear()

leaflet/overlay/GraphicLayer.js, line 249

释放图层资源。

getGraphicBy(property, value){ol.Graphic}

leaflet/overlay/GraphicLayer.js, line 127

在 Vector 的要素数组 graphics 里面遍历每一个 graphic，当 graphic[property]===value 时，返回此 graphic（并且只返回第一个）。

Name Type Description
property string

graphic 的某个属性名称。
value string

property 所对应的值。
Returns:
Type Description
ol.Graphic 一个匹配的 graphic。

getGraphicById(graphicId){ol.Graphic}

leaflet/overlay/GraphicLayer.js, line 145

通过给定一个 id，返回对应的矢量要素。

Name Type Description
graphicId string

矢量要素的属性 id。
Returns:
Type Description
ol.Graphic 一个匹配的 graphic。

getGraphicsByAttribute(attrName, attrValue){Array.<ol.Graphic>}

leaflet/overlay/GraphicLayer.js, line 155

通过给定一个属性的 key 值和 value 值，返回所有匹配的要素数组。

Name Type Description
attrName string

graphic 的某个属性名称。
attrValue string

property 所对应的值。
Returns:
Type Description
Array.<ol.Graphic> 一个匹配的 graphic 数组。

getRenderer(){Object}

leaflet/overlay/GraphicLayer.js, line 257

获取渲染器。

Returns:
Type Description
Object 内部渲染器。

getState(){Object}

leaflet/overlay/GraphicLayer.js, line 266

获取当前地图及图层状态。

Returns:
Type Description
Object 地图及图层状态，包含地图状态信息和本图层相关状态。

removeGraphics(graphics)

leaflet/overlay/GraphicLayer.js, line 176

删除要素数组，默认将删除所有要素。

Name Type Default Description
graphics Array.<ol.Graphic> null 可选

删除的 graphics 数组。

setGraphics(graphics)

leaflet/overlay/GraphicLayer.js, line 102

设置绘制的点要素数据，会覆盖之前的所有要素。

Name Type Description
graphics Array.<L.supermap.graphic>

点要素对象数组。

setStyle(styleOptions)

leaflet/overlay/GraphicLayer.js, line 209

设置图层要素整体样式。

Name Type Description
styleOptions Object

样式对象。

Name Type Default Description
color Array.<number> [0, 0, 0, 255] 可选

点颜色。
radius number 10 可选

点半径。
opacity number 0.8 可选

不透明度。
highlightColor Array 可选

高亮颜色，目前只支持 rgba 数组。
radiusScale number 1 可选

点放大倍数。
radiusMinPixels number 0 可选

半径最小值(像素)。
radiusMaxPixels number Number.MAX_SAFE_INTEGER 可选

半径最大值(像素)。
strokeWidth number 1 可选

边框大小。
outline boolean false 可选

是否显示边框。

update()

leaflet/overlay/GraphicLayer.js, line 241

更新图层，数据或者样式改变后调用。