MapvLayer Class

MapvLayer(map, dataset, mapvoption)

基于mapboxgl的Layer对象进行的拓展

Fx构造函数

# new MapvLayer(map, dataset, mapvoption)

参数:
名称 类型 描述
map Object

传入的mapboxgl的地图对象

dataset MapvDataSet

传入的mapv的属性。

mapvoption MapvOption

可选参数。

作者:
  • 基础平台/创新中心 潘卓然 ParnDeedlit
See:

查看源代码 mapboxgl/overlay/MapvLayer.js, line 5

Example
var options = {
      size: 13,
      gradient: {
        0.25: "rgb(0,0,255)",
        0.55: "rgb(0,255,0)",
        0.85: "yellow",
        1.0: "rgb(255,0,0)"
      },
      max: 60,
      animation: {
        type: 'time',
        stepsRange: {
          start: 0,
          end: 100
        },
        trails: 10,
        duration: 4,
      },
      draw: 'heatmap'
    }

    var mapvLayer = new mapboxgl.zondy.MapvLayer(map, dataSet, options);

方法

# addData(data, options)

增加数据

参数:
名称 类型 描述
data Array

数据.

options Object

只做额外增加的字段作用

查看源代码 mapboxgl/overlay/MapvLayer.js, line 150

# destroy()

销毁图层,清空所有的事件与数据,与remove效果一致

查看源代码 mapboxgl/overlay/MapvLayer.js, line 340

# remove()

移除图层,清空所有的事件与数据,与destroy效果一致,保持接口与mapboxgl本身一致

查看源代码 mapboxgl/overlay/MapvLayer.js, line 329

# removeAllData()

移除全部数据

查看源代码 mapboxgl/overlay/MapvLayer.js, line 196

# removeData(filter)

移除满足过滤条件的数据

参数:
名称 类型 描述
filter function

过滤函数,返回true的保留

查看源代码 mapboxgl/overlay/MapvLayer.js, line 179

Example
filter: function(item){
            if (item.count > 10 && item.count < 50) {
                return true;
            } else {
                return false;
            }
        }

# update()

更新图层

参数:
名称 类型 描述
opt.data Array

需要更新的数据

opt.options Object

需要更新的样式

查看源代码 mapboxgl/overlay/MapvLayer.js, line 260

# updateData(data, options)

更新数据

参数:
名称 类型 描述
data Array

数据.

options Object

只做额外增加的字段作用

查看源代码 mapboxgl/overlay/MapvLayer.js, line 161