android高德地图热力图,2D 热力图-热力 HeatmapLayer-示例中心-Loca API 示例 | 高德地图API...

基本热力图

html, body, #container {

margin: 0; padding: 0; width: 100%; height: 100%;

}

var map = new AMap.Map('container', {

features: ['bg', 'road'],

mapStyle: 'amap://styles/db9efe6a1745ac24b7269b862f359536',

center: [116.397475, 39.908668],

pitch: 0,

zoom: 10,

viewMode: '2D'

});

var layer = new Loca.HeatmapLayer({

map: map,

});

var list = [];

var i = -1, length = heatmapData.length;

while (++i < length) {

var item = heatmapData[i];

list.push({

coordinate: [item.lng, item.lat],

count: item.count

})

}

layer.setData(list, {

lnglat: 'coordinate',

value: 'count'

});

layer.setOptions({

style: {

radius: 16,

color: {

0.5: '#2c7bb6',

0.65: '#abd9e9',

0.7: '#ffffbf',

0.9: '#fde468',

1.0: '#d7191c'

}

}

});

layer.render();