PointLayer

用来展示大数据量的简单点图层，继承自Layer

可使用鼠标拾取Pick

示例

动手试试

1
2
3
4
5
6
7
8
9
10
11
12

var layer = new mapvgl.PointLayer({
    color: 'rgba(50, 50, 200, 1)',
    shape: 'circle', // 默认为圆形，可传square改为正方形
    blend: 'lighter',
    size: 2,
    data: [{
        geometry: {
            type: 'Point',
            coordinates: [116.403748, 39.915055]
        }
    }]
});

options属性

color

解释：颜色，同css颜色

类型：string

默认值：’rgba(25, 25, 250, 1)’

shape

解释：展示点的形状

类型：string

默认值：’circle’

可选值：

• circle，默认值，圆形
• square，正方形

size

解释：点大小

类型：Number

默认值：5

unit

解释：绘制大小的方式，即指定size属性的单位

类型：string

默认值：’px’

可选值：

• px，默认值，按像素绘制
• m，按米来绘制

borderWidth

解释：边框宽度

类型：Number

默认值：0

borderColor

解释：边框颜色，同css颜色

类型：string

默认值：’rgba(255, 255, 255, 0.9)’

data内容

数据格式内容：

1
2
3
4
5
6

[{
    geometry: {
        type: 'Point',
        coordinates: [116.403748, 39.915055]
    }
}]