Skip to content

YY. HeatLayer

热区图层

creation

  • constructor([id], [data], [options])

    • options 里面的配置一般无需改动,特殊情况下,需要修改

      • {Number} minZoom最小的层级
      • {Number} maxZoom最大的层级
      • {Boolean} forceRenderOnMoving 移动地图时强制渲染 default:true
      • {Boolean} forceRenderOnZooming:缩放地图时强制渲染 default:true
      • {Boolean} forceRenderOnRotating旋转地图时强制渲染 default:true
js
//default options
const options = {
    'max': 15, //权重最大值
    'gradient': { //色带
        0.4: 'blue',
        0.6: 'cyan',
        0.7: 'lime',
        0.8: 'yellow',
        1.0: 'red'
    },
    'radius': 15,
    'blur': 15,
    'minOpacity': 0.05,
    'size': 8,
    'hitDetect': false,
    'forceRenderOnZooming': true
};

example

热区图层

js
const pois = gsAreaPoi.data;

const data = pois.map(function(p) {
    return [p.lng, p.lat, 1];
});
// 数据格式:

// [
//     [经度,纬度,weight],
//     [经度,纬度,weight],
//     [经度,纬度,weight],
//     [经度,纬度,weight],
//     [经度,纬度,weight],

// ]

const heatlayer = new YY.HeatLayer("heat", data, {
    // 'forceRenderOnRotating' : true,
    // 'forceRenderOnMoving' : true
});
map.addLayer(heatlayer);

method

getData()

  • 获取数据
  • 返回值: Array[Object]

setData(data)

demo

  • 设置数据
  • 参数
    • {Array[Object]} data
  • 返回值: this

addData(data)

  • 追加数据
  • 参数
    • {Array[Object]} data
  • 返回值: this

getId()

  • 获取 ID
  • 返回值: String/Number

setId(id)

  • 设置 id
  • 参数
    • {String/Number} id
  • 返回值: this

getMap()

  • 获取地图对象
  • 返回值: YY. Map

clear()

  • 清除图层
  • 返回值: this

setZIndex(zIndex)

  • 设置层级,一般情况下无需修改,特定情况下可以访问该方法修改图层的层级
  • 参数
    • {Number} zIndex :
  • 返回值: this

getZIndex()

  • 获取层级
  • 返回值: this

getOpacity()

  • 获取透明度
  • 返回值: Number

setOpacity(opacity)

  • 设置透明度
  • 参数
    • {Number} opacity :
  • 返回值: this

show()

  • 显示
  • 返回值: this

hide()

  • 隐藏
  • 返回值: this

isVisible()

  • 是否可见
  • 返回值: Boolean

This document is generated by vitepress and Edit by deyihu