Class: MapvLayer

MapvLayer

与百度的 MapV 融合，三维展示 MapV 相关效果。

// 下面是利用 mapvLayer 绘制的蜂巢图，dataSet 由于参数过长所以实例中省略，具体的可以参考 mapv 官网
const { dataSet } = this._createDataSet();
let options = {
  fillStyle: "rgba(55, 50, 250, 0.8)",
  shadowColor: "rgba(255, 250, 50, 1)",
  shadowBlur: 20,
  max: 100,
  size: 50,
  label: {
    show: true,
    fillStyle: "white"
  },
  globalAlpha: 0.5,
  gradient: {
    0.25: "rgb(0,0,255)",
    0.55: "rgb(0,255,0)",
    0.85: "yellow",
    1.0: "rgb(255,0,0)"
  },
  draw: "honeycomb"
};
let layer = new MapvLayer(options)
  .addToViewer(this.$viewer)
  .setDataSet(dataSet);

new MapvLayer(options)

layer/MapvLayer.js, line 43
Name Type Description
options LayerOptions

图层可选参数

Name Type Description
备注 *

更多属性设置查看链接：https://github.com/huiyan-fe/mapv/blob/master/src/map/baidu-map/Layer.md

Extends

  • Layer

Classes

MapvLayer

Methods

clear()

layer/MapvLayer.js, line 134

清除图层数据

setDataSet(dataSet)

layer/MapvLayer.js, line 120

设置数据集对象

Name Type Description
dataSet *

数据集对象 数据集说明查看链接：https://github.com/huiyan-fe/mapv/blob/master/src/data/DataSet.md