百度热力图颜色说明_不止于2D,酷炫的地图3D热力图实现解析
本期小编为大家带来百度地图可视化大屏解决方案技术解析系列文章之一,为您呈现3D热力图渲染技术。
首先先看下2d热力图和3d热力图生成的效果图区别
![](/assets/blank.gif)
业务及技术痛点
- 很多行业数据使用3D热力图表达更为直观
- 目前的2D热力图表现力较差,且较为平淡
技术解决方案
使用Canvas绘制2D热力图方法回顾:
- 准备包含权重值的热力点数据
![](/assets/blank.gif)
2. 为达到热力图的面状弥散效果,使用额外的Canvas绘制一个带模糊阴影渐变的灰度圆形当笔刷
![](/assets/blank.gif)
3. 使用上面准备的渐变圆笔刷,根据不同数据的不同权重值进行不同透明度的叠加绘制,最终生成灰度热力图,热力越高的地方,颜色不透明度越高
![](/assets/blank.gif)
4. 准备渐变的调色板 (上图只是灰度图,为了让不同热度的地方可以用不同的颜色表示,需要生成一个渐变色的调色板,用于后续给灰度图进行着色)
![](/assets/blank.gif)
5. 将灰度热力图使用调色板着色最终生成2D热力图(根据灰度图上每个像素的透明度,从上面准备的渐变色板中的对应百分比位置拾取不同的颜色对灰度图进行着色)
![](/assets/blank.gif)
绘制3D热力图技术方法:
- 准备可以支持WebGL的地图引擎(以百度智慧专网地图DuGIS为例)
- 采用此前绘制2D热力图的步骤首先生成一个灰度热力图
![](/assets/blank.gif)
3. 用灰度图生成顶点网格(网格的高度值根据热度权重值来生成,高度越高表示热度也越高)
![](/assets/blank.gif)
4. 给网格顶点着色(此步骤也需要用到渐变调色板对顶点进行着色,为了便于查看顶点效果,生成如下带颜色的网格图)
![](/assets/blank.gif)
5. 给网格面着色(同样根据顶点权重值,使用对应调色板中对应的色值着色,生成最终的3D热力图)
![](/assets/blank.gif)
成效
3D热力图渲染的技术,使原来对业务数据的简单2D热力表达获得了更为生动、表现力更强的3D表达,展示效果更佳。3D热力图目前也相继应用在了百度智慧交通大屏、百度人口监测大屏等解决方案中。
![](/assets/blank.gif)
详见公众号文章:https://mp.weixin.qq.com/s?__biz=MzI5NDQ2Nzk3Ng==&mid=2247485057&idx=1&sn=90a39ee5674347ea5d98aceb030a072d
百度热力图颜色说明_不止于2D,酷炫的地图3D热力图实现解析相关推荐
- python热力图颜色设置_【Python】绘制热力图seaborn.heatmap,cmap设置颜色的参数
1. 参数详解 seaborn.heatmap seaborn.heatmap(data, vmin=None, vmax=None, cmap=None, center=None, robust=F ...
- python画创意图形_用Python制作酷炫图形之如意金箍棒_颜色增加模块应用
如何简单地用Python编程绘制酷炫的图形呢?通常初入门者用Python的海龟画图模块绘制图形.我们只要导入海龟模块,就像下面这样,然后让海龟前进,就能画一个"一"字图形了. im ...
- excel切片器_如何快速做出酷炫的Excel动态图表?
作为一名天天要跟Excel打交道的 @运营菌 ,反正我认为自己做的图表就挺酷炫的.不信,你们来看看~ 王者之星 进阶の图表 运营之星 智联之薪 由于本文较长,干货较多,建议同学先点赞▲收藏★喜欢❤三连 ...
- java写的酷炫项目_基于RxJava实现酷炫启动页
前言 RxJava 在 GitHub 主页上的自我介绍是 "a library for composing asynchronous and event-based programs usi ...
- 百度热力图颜色说明_大数据下的龙港、鳌江人口热力图
大数据下的龙港.鳌江人口热力图 --趋势显示,人口逐步集中于区域中心地区与城市 2020-08-25 大数据(big data),是指无法在一定时间内用常规软件工具对其内容进行抓取.管理和处理的数 ...
- 百度热力图颜色说明_最新鳌江流域人口热力图
最新鳌江流域人口热力图 2020-09-29 城市人口热力图是指利用手机基站定位该区域的用户数量,通过用户的数量渲染地图颜色,实现展示该地区的人口密度,从一个城市或地区热力图大概可以了解到一个城市或地 ...
- python词云图素材_用Python制作酷炫词云图,原来这么简单!
一.简介 词云图是文本挖掘中用来表征词频的数据可视化图像,通过它可以很直观地展现文本数据中地高频词:! 图1 词云图示例 在Python中有很多可视化框架可以用来制作词云图,如pyecharts,但这 ...
- python词云图制作壮观天体照_用Python制作酷炫词云图,原来这么简单!
二.利用wordcloud绘制词云图 wordcloud 是Python中制作词云图比较经典的一个模块,赋予用户高度的自由度来创作词云图: 图2 wordcloud制作词云图示例2.1 从一个简单的例 ...
- 苹果5壁纸_东京食尸鬼的超酷炫壁纸,绝对不会令人失望的哦!!!
想写这个文章好久了,图库里积攒了好多东京食尸鬼的壁纸,想来想去还是今天发了吧<( ̄3 ̄)>哼!
最新文章
- 细说Java主流日志工具库
- linux 12541 重启监听器,ORA-12541:ORA-12541:TNS:没有监听器 解决方法
- 2018-08-19-Python全栈开发day43-正反选练习
- linux c++ 警告 warning: ISO C++ forbids converting a string constant to ‘char*‘ [-Wwrite-strings] 解决方法
- RobotFramework自动化4-批量操作案例
- 记录一个AndroidX和Android support库不能共存的坑
- 为Android Studio中的SettingsActivity定制任务栏 (Setting Activity其实本质上是从PreferenceActivity中继承过来的)
- 深度神经网络关键词解释
- SpringBoot - MyBatis-Plus使用详解2(设置实体类对应的表名、字段名 )
- python 线程的使用
- python小工具(一)
- bzoj20892090: [Poi2010]Monotonicity
- UGUI的InputField
- 同事线上埋的这个坑,我整整找了3天3夜
- Si4438, Si4432, Sx1278, Sx1276, Sx1212无线数传模块简单介绍
- 自考-计算机程序设计-1-概论
- MyBatis - 官方网址
- Thrift IDL示例文件
- 做量化交易的第一步,Python爬取股票数据
- Redis源码学习(13),t_set.c 学习(一),sadd,srem 命令学习
热门文章
- Linux 环境下使用 OpenCV 显示图片
- 【沐风老师】3DMAX径向对称插件使用方法应解
- 前端知识总结 持续更新
- [宏]_IO, _IOR, _IOW, _IOWR 宏的用法与解析
- 算法:有关函数渐近的界
- An Introduction to Shiro (formerly JSecurity) – A Beginner’s Tutorial Part 5
- fabric mixin
- 工作流中的UEL表达式的使用
- c语言英文字母占用字节数,字符型变量占用字节数 c语言里字符型数据占多少字节...
- python bytes 改值_Python3 bytes() 函数详解 将参数转为不可变的字节数组