颜色值域生成器

值域组件,可以按照权重值的强度获取对应渐变色中的颜色或半径大小的值,该类只是工具类,单独使用。 官方API: https://mapv.baidu.com/gl/docs/Intensity.htmlopen in new window

基础示例

  //import方式
  // import {util} from 'vue-mapvgl'

  //CDN方式
  let intensity = new VueMapvgl.util.Intensity({
          maxSize: 100, // 定义最大的半径大小值
          gradient: { // 渐变色设置
              0.25: "rgb(0,0,255)",
              0.55: "rgb(0,255,0)",
              0.85: "yellow",
              1.0: "rgb(255,0,0)"
          },
          max: 100 // 最大权重值
  });

Options属性

名称类型说明
gradientObject渐变色设置. 默认值:gradient
maxNumber权重最大阈值. 默认值:100
minNumber权重最小阈值. 默认值:0
maxSizeNumber生成最大半径. 默认值:35
minSizeNumber生成最小半径. 默认值:0

gradient

{
    0.25: 'rgba(0, 0, 255, 1)',
    0.55: 'rgba(0, 255, 0, 1)',
    0.85: 'rgba(255, 255, 0, 1)',
    1: 'rgba(255, 0, 0, 1)'
}

实例方法

方法名描述说明
getSizegetSize(number)根据传入的权重值获取对应的半径大小
getColorgetColor(number)根据传入的权重值获取对应的颜色
setMaxsetMax(number)修改最大权重值
setMaxSizesetMaxSize(number)修改生成最大半径值
setMinsetMin(number)修改最小权重值
setMinSizesetMinSize(number)修改生成最小半径值
最后更新时间:
贡献者: guyangyang