WallLayer

用来展示3d立体墙图层，继承自Layer

示例

动手试试

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

var layer = new mapvgl.WallLayer({
    color: 'rgba(50, 50, 200, 1)',
    data: [{
        geometry: {
            type: 'LineString',
            coordinates: [
                [116.394191, 39.91334],
                [116.417259, 39.913672]
            ]
        }
    }]
});

options属性

color

解释：颜色，同css颜色

类型：string

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

gradient

解释：渐变颜色模式，设置后color属性会失效，数据类型为Object。Object只有0和1两个键，0表示远地处的颜色，1表示近地处的颜色

类型：Object

示例：

1
2
3
4

{
    0: 'rgb(50, 50, 256)',
    1: 'rgb(250, 50, 56)'
}

height

解释：立体墙的高度

类型：number

默认值：100

texture

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

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

类型：string

enablePreciseMap

解释：开启精准贴图模式，纹理会按顶点间的实际距离对应拉伸，当使用的纹理有实际数据意义时开启

类型：boolean

默认值：false

repeatMap

解释：重复贴图，单位为米，如值为500代表500米重复一次贴图，值为0时不重复贴图

类型：number

默认值：0

data内容

数据格式内容：

1
2
3
4
5
6
7
8
9

[{
    geometry: {
        type: 'LineString',
        coordinates: [
            [116.394191, 39.91334],
            [116.417259, 39.913672]
        ]
    }
}]