PolygonLayer

用来展示大数据的平面多边形，由ShapeLayer和LineLayer组合实现。

可使用鼠标拾取Pick

示例

动手试试

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
var layer = new mapvgl.PolygonLayer({
    lineColor: 'rgba(250, 250, 25, 0.6)',
    lineWidth: 4,
    fillColor: 'rgba(25, 25, 250, 0.6)',
    data: [{
        geometry: {
            type: 'Polygon',
            coordinates: [
                [
                    [116.392394, 39.910683],
                    [116.405976, 39.927727],
                    [116.420996, 39.910351]
                ]
            ]
        },
        properties: {
            height: 0, // 多边形高度
        }
    }]
});

options属性

lineColor

解释：描边线颜色，同css颜色

类型：string

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

lineWidth

解释：描边线宽度

类型：number

默认值：2

lineJoin

解释：线的连接拐角，可选miter 尖角、bevel 平角、round 圆角

类型：string

默认值：’miter’

dashArray

解释：定义虚线间隔的数组，数组长度为2。数组的两位分别表示实线和虚线的长度，单位像素，如[10, 20]表示实线10px，虚线20px

类型：Array

fillColor

解释：填充面颜色，同css颜色

类型：string

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

fillOpacity

解释：填充面透明度，0.0表示完全透明，1.0表示完全不透明，浮点数表示

类型：float

默认值：1.0

data内容

数据格式内容：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
[{
    geometry: {
        type: 'Polygon',
        coordinates: [
            [
                [116.392394, 39.910683],
                [116.405976, 39.927727],
                [116.420996, 39.910351]
            ]
        ]
    },
    properties: {
        height: 0, // 多边形高度
    }
}]