立体墙图层

用来展示3d立体墙图层,继承自Layeropen in new window

基础示例

静态属性

仅且可以初始化配置,不支持响应式。

名称类型说明
colorString颜色,同css颜色,默认值:’rgba(25, 25, 250, 1)’。 如果在GeoJSON的properties属性中配置color,则优先使用GeoJSON中的color值
gradientObject渐变颜色模式,设置后color属性会失效,数据类型为Object。Object只有0和1两个键,0表示远地处的颜色,1表示近地处的颜色,实例见 gradient
heightNumber立体墙的高度, 默认值:100
textureobject(canvas dom) 、string(图片url地址)纹理贴图,注意,宽高必须为2的次幂
enablePreciseMapboolean开启精准贴图模式,纹理会按顶点间的实际距离对应拉伸,当使用的纹理有实际数据意义时开启
repeatMapNumber重复贴图,单位为米,如值为500代表500米重复一次贴图,值为0时不重复贴图, 默认值:0
zoomThresholdArray全图层均可使用,用来指定图层执行渲染的地图层级,初始默认值[0, 30]
lazyNumber组件懒加载,默认-1,不进行懒加载,单位毫秒

gradient

{
    0.0: 'rgb(50, 50, 256)',
    0.1: 'rgb(50, 250, 56)',
    0.5: 'rgb(250, 250, 56)',
    1.0: 'rgb(250, 50, 56)'
}

动态属性

支持响应式。

名称类型说明
visibleBoolean图层显隐,true显示,false隐藏,默认显示
dataArray点数据,GeoJSON格式

data数据结构

[{
    geometry: {
     type: 'LineString',
     coordinates: [
        [121.5273285, 31.21515044],
        [121.5473285, 31.21515044]
     ]
    },
    properties: {
     color: 'rgba(255, 255, 50, 0.5)',
    }
}]

ref可用方法

提供无副作用的同步帮助方法

函数返回说明
$$getInstance()mapvgl.WallLayeropen in new window获取WallLayer实例

事件

事件参数说明
initObject组件实例
最后更新时间:
贡献者: guyangyang