业务地图可视化之渲染模式

正好昨天被问到产品里不同的地图渲染模式的区别和原理,今天就这个话题聊聊我们在地图上呈现业务数据时,如何借助不同的渲染模式来更好的表达业务含义?

关于地图制图与表达的方方面面的知识太多,暂且按下不表。在进行地图可视化的时候可以参考制图的基本原则进行配置,选择合适的颜色、符号、大小、边框以及规则等。从用户的视角,当我们要做一张企业业务地图的时候,可以有多种多样的地图展示方式,比如散点图、分级图、分类图、热度图、气泡图等等。不同的地图表达方式满足不同的使用场景,让我们更好的用地图发现业务价值。

其中渲染模式主要是针对重叠的地图要素,设置重叠区的颜色混合渲染方式,有点类似Photoshop中的混合颜色操作,或者可以理解成美图秀秀的各种滤镜,主要是对颜色的一些处理算法,最终达到的效果是让地图根据可读性。有几种场景会涉及到渲染模式的设置:

  • 灯光图
  • 凸显特征
  • 增加可读性

当我们要制作分布灯光图来表达点的分析效果时;当我们希望通过加深或减淡颜色来凸显地图特征,比如凸显重叠的外卖配送区域时;当数据量较大,小比例尺下堆叠严重,希望增加数据可读性时,都可以来通过配置不同的渲染模式得到相应的地图效果。

目前渲染模式包括:

  • 灯光效果
  • 叠加效果
  • 变暗效果
  • 变亮效果
  • 颜色减淡
  • 颜色加深
  • 覆盖效果
1.灯光效果

灯光效果会将重叠区域的颜色更加明亮,如果使用白色,则不会改变地图外观。若使用黑色,也不会出现灯光效果。当你想要在地图上变亮重叠区域时,可使用此选项。(PS,灯光效果需搭配智图蓝黑版地图或其他暗色系地图)

灯光效果
2.叠加效果

叠加效果模式是结合了颜色相乘和灯光的混合模式,黑色会看起来更暗、白色看起来更亮。如果希望重叠区域同时显示明亮和黑暗效果,可选择此项。

叠加效果-亮色越亮
叠加效果-暗色越暗
3.变暗效果

变暗效果跟颜色相乘具有相似效果,会让颜色变暗,但是更为极端。当两个要素重叠时,会找到最深色的像素并保留。当你想要在暗色的重叠区域显示原始颜色的暗化效果时,或者需要更少的重叠细节时,请使用此选项。

变暗效果
4.变亮效果

变亮效果与变暗效果工作方式一样,但是反过来,保留重叠区域最浅色的像素。如果要更改重叠区域的阴影效果,请使用此项。

变亮效果
5.颜色减淡

颜色减淡模式类似灯光效果,但是整体更为极端。重叠区的要素变得更加明亮,除非颜色是黑的)。如果想要在重叠区域间形成鲜明对比的亮色效果,且不需要展示更多细节,请使用此选项。

颜色j减淡

对比灯光效果:


灯光效果
6.颜色加深

颜色加深与颜色减淡类似,但是具有变黑的效果。该效果会增加重叠区颜色的对比度。当你想要一个对比度高于变暗效果时,则可以选择使用它。

颜色加深
7.覆盖效果

覆盖效果比较容易理解,地图呈现的效果就是重叠区域会产生覆盖,只显示顶层的颜色。

覆盖效果
应用场景

了解了上面各渲染模式的效果和特点后,可以看到一般情况下我们进行业务表达并不需要特别的关注渲染模式,默认既可。例如“灯光效果”,大量数据可以通过灯光图表达分布,比如手机App定位点实时位置展示等。零售门店服务范围与对手服务范围是否冲突,使用“颜色加深”来凸显重叠服务区。


凸显重叠服务区
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,539评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,911评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,337评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,723评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,795评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,762评论 1 294
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,742评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,508评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,954评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,247评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,404评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,104评论 5 340
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,736评论 3 324
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,352评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,557评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,371评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,292评论 2 352

推荐阅读更多精彩内容