Android高德之旅(10)绘制热力图

废话

热力图,这个词可能有点生僻,它表示的是统计数据在一定区域内的分布集中情况,这是一种非常清晰的展示方式,可以让使用者直观地看出事物热度分布。

(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);

总结

恭喜男女嘉宾获得了由哇哈哈营养快线提供的爱情海甜蜜之旅,本期节目就到这里,感谢大家的收看,我们下期再见~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 180,280评论 25 708
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 137,146评论 19 139
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 16,635评论 4 61
  • 上一讲我们把表示“强调”的「~ばかりに」和「~どころか」讲完了,这一讲继续「~どころではない」和「まさに~」。 「...
    RencaiXiong阅读 516评论 0 0
  • 谁也没想到2017年第一波狗粮,会是感情一向神秘低调的李冰冰,被拍到和男友十指紧扣的亲密照片。 这个男朋友叫许文楠...
    娱乐熙熙阅读 3,563评论 0 0

友情链接更多精彩内容