Class: graphicLayer

L.supermap.graphicLayer

高效率点图层类。

L.supermap.graphicLayer(graphics, options)

leaflet/overlay/GraphicLayer.js, line 31
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 122

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

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

点要素对象数组。

clear()

leaflet/overlay/GraphicLayer.js, line 256

释放图层资源。

getGraphicBy(property, value){ol.Graphic}

leaflet/overlay/GraphicLayer.js, line 134

在 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 152

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

Name Type Description
graphicId string

矢量要素的属性 id。

Returns:
Type Description
ol.Graphic 一个匹配的 graphic。

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

leaflet/overlay/GraphicLayer.js, line 162

通过给定一个属性的 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 264

获取渲染器。

Returns:
Type Description
Object 内部渲染器。

getState(){Object}

leaflet/overlay/GraphicLayer.js, line 273

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

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

removeGraphics(graphics)

leaflet/overlay/GraphicLayer.js, line 183

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

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

删除的 graphics 数组。

setGraphics(graphics)

leaflet/overlay/GraphicLayer.js, line 109

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

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

点要素对象数组。

setStyle(styleOptions)

leaflet/overlay/GraphicLayer.js, line 216

设置图层要素整体样式。

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 248

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