废话
热力图,这个词可能有点生僻,它表示的是统计数据在一定区域内的分布集中情况,这是一种非常清晰的展示方式,可以让使用者直观地看出事物热度分布。
(1)模拟数据
要绘制热力图,我们要有大量的统计数据,作为demo,我们手动生成一段模拟数据来演示。
private LatLng[] getArray() {
LatLng[] latlngs = new LatLng[500];
double x = 39.904979;
double y = 116.40964;
for (int i = 0; i < 500; i++) {
double x_ = 0;
double y_ = 0;
x_ = Math.random() * 0.5 - 0.25;
y_ = Math.random() * 0.5 - 0.25;
latlngs[i] = new LatLng(x + x_, y + y_);
}
return latlngs;
}
我们选取一个经纬度点,在这个点的周围生成500个模拟数据。这个数据的生成还是太“规矩”了,可能演示出来的效果不是很理想,我们暂且不纠结它,只要意会即可。
(2)构造HeatmapTileProvider
private static final int[] ALT_HEATMAP_GRADIENT_COLORS = {
Color.argb(0, 0, 255, 255),
Color.argb(255 / 3 * 2, 0, 255, 0),
Color.rgb(125, 191, 0),
Color.rgb(185, 71, 0),
Color.rgb(255, 0, 0)
};
public static final float[] ALT_HEATMAP_GRADIENT_START_POINTS = { 0.0f,
0.10f, 0.20f, 0.60f, 1.0f };
public static final Gradient ALT_HEATMAP_GRADIENT = new Gradient(
ALT_HEATMAP_GRADIENT_COLORS, ALT_HEATMAP_GRADIENT_START_POINTS);
public HeatmapTileProvider buildHeatmapTileProvider() {
HeatmapTileProvider.Builder builder = new HeatmapTileProvider.Builder();
builder.data(Arrays.asList(getArray()));
builder.gradient(ALT_HEATMAP_GRADIENT);
HeatmapTileProvider heatmapTileProvider = builder.build();
return heatmapTileProvider;
}
这里的ALT_HEATMAP_GRADIENT是自定义的渐变,它需要传入一组颜色,和一组浮点数,表示渐变过程的取色。
(3)绘制热力图
TileOverlayOptions tileOverlayOptions = new TileOverlayOptions();
tileOverlayOptions.tileProvider(heatmapTileProvider);
TileOverlay tileOverlay = aMap.addTileOverlay(tileOverlayOptions);
总结
恭喜男女嘉宾获得了由哇哈哈营养快线提供的爱情海甜蜜之旅,本期节目就到这里,感谢大家的收看,我们下期再见~