首页 >> 公司新闻 >>诸暨云远新闻 >> 硬核干货来了!鹅厂前端工程师手把手教你实现热力图!-诸暨网站建设为你呈现
详细内容

硬核干货来了!鹅厂前端工程师手把手教你实现热力图!-诸暨网站建设为你呈现

时间:2020-08-29     作者:诸暨网站建设制作定制开发【转载】

各位小伙伴们,还记得今年年初时我们推出的数据可视化组件吗?《助你开启“上帝视角” 数据可视化组件全新上线》。这些基于地图的数据可视化组件,以附加库的形式加入到JSAPI中,目前主要包括热力图、散点图、区域图、迁徙图。



热力图是以颜色来表现数据强弱大小及分布趋势的可视化类型,热力图可应用于人口密度分析、活跃度分析等。呈现热力图的数据主要包括离散的坐标点及对应的强弱数值。


我们可以直观的感受到:


  1. 在热力图中,每个数据点所呈现的是一个填充了径向渐变色的圆形(所谓径向渐变即由圆心随着半径增加而逐渐变化),而这个渐变圆表现的是数据由强变弱的辐射效果

  2. 两个圆之间可以相互叠加,且是线性的叠加,其实质表现的是数据强弱的叠加

  3. 数据强弱的数值与颜色一一映射,一般表现为红强蓝弱的线性渐变,当然你也可以设计自己的强度色谱


根据我们的直观感受,我们需要做的是:


  1. 将每一个数据映射为一个圆形

  2. 选定一个线性维度表示数据强度值,圆形区域内该维度在圆心处达到最大值,沿着半径逐渐变小,直至边缘处为最小值

  3. 将圆形内的强度值进行叠加

  4. 以强度色谱进行颜色映射


怎么样?看完我们tototo同学的细致介绍,不知道你有没有掌握可视化组件背后的秘密?如果有任何问题欢迎在下方直接留言。


当然,如果你对这些底层的技术不是那么关心,那也没有关系。我们腾讯位置服务的愿景就是为了降低开发者门槛,减少开发者成本,解放开发者生产力。所以,totoro同学和她的小伙伴们才把这些复杂的底层实现包装成了组件的形式,方便大家调用。


那么还犹豫什么呢?立即点击这里直接用起来吧!大家对可视化组件的每一次调用,都是 “春哥”和她小伙伴们辛勤工作的一份肯定。


最后,提前剧透一下,基于WebGL开发的3D可视化组件也即将上线,展示效果更加酷炫,还请各位开发者小伙伴持续关注!



阅读原文


客服中心
联系方式
18006808820
13989500275
- 销售经理
- 营销经理
- 售后客服
技术支持: 杭州云远科技有限公司 | 管理登录
seo seo