ShapeLayer

用来展示大数据的立体多边形，继承自Layer

可使用鼠标拾取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.ShapeLayer({
    color: 'rgba(55, 55, 200, 1)',
    blend: 'lighter',
    style: 'normal',
    data: [{
        geometry: {
            type: 'Polygon',
            coordinates: [
                [
                    [116.392394, 39.910683],
                    [116.405976, 39.927727],
                    [116.420996, 39.910351]
                ]
            ]
        },
        properties: {
            height: 100, // 多边形高度
        }
    }]
});

options属性

color

解释：颜色，同css颜色

类型：string

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

opacity

解释：楼块透明度，0.0表示完全透明，1.0表示完全不透明，浮点数表示

类型：float

默认值：1.0

texture

解释：纹理贴图，注意，宽高必须为2的次幂

类型：object(canvas dom) 、string(图片url地址)

类型：string

riseTime

解释：楼块初始化升起动画的时间，单位毫秒

类型：Number

默认值：0

style

解释：一些特效

可选值：

  • normal，默认，正常
  • window，窗户效果
  • windowAnimation，窗户动画效果
  • gradual，渐变效果

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: 100, // 多边形高度
    }
}]