PowerBI复杂地图可视化MapBox

概述

先来看一个效果:(动画大小:3M)

随着鼠标滚动,一群密集粘连的热力地图逐渐被展开成大小不一的色点,这满足了一个从宏观到微观的展示效果。

效果说明:

  • 在全球鸟瞰角度,应该看到中国区域被凸显出来。(单这一功能,现有PBI地图组件就很难实现)
  • 中国的城市应该显示中文
  • 继续鸟瞰下去,中国显示热力分布,并隐藏中国背景图层
  • 继续放大显示,则可以看到 集群 (就是相对扎堆的店铺)
  • 继续放大显示,则可以看到不同的店铺被显示出来并由气泡大小反映其销售额以及颜色表示其所在的区域(如:省份)

整个过程平滑过渡,完美显示了整个地图。

这里需要使用Power BI的自定义视觉对象:MapBox。这是个很强大地图可视化工具,本文以该实际案例为背景来说明MapBox与之结合的使用。

案例背景:考虑一个奶茶店连锁品牌在全国甚至全球有线下店(点),并形成销售额,那么如何使用地图可视化来反映。
案例难点:看看用默认可视化的效果:


问题很明显,由于奶茶店几乎可以分布在全国的每一个城市,甚至是三级县级市,而且可能一个城市就有N家,所以这样的效果是无法接收的。

所以,我们考虑一种渐进式的地图结构。这类似于网页的布局,当用户在WEB页面查看是大型布局,当逐渐缩窄浏览器窗口时,布局自动缩放到合适的布局。这要求做到两点:

  • 在默认情况采用的布局模式。
  • 在缩放到一定程度后采用另一种布局模式。
  • 且以上过程应该在一个地图上完成。

我们请出地图可视化领域的神器:MapBox。

MapBox 注册及准备使用

可以在: https://www.mapbox.com/ 注册一个自己的帐号。
由于这个是专业级产品,它考虑全球的地图,当然是 收费 产品,但其价格模式还算厚道,提供了 50000次/月 的免费阶段,也就是如果地图被用户查看的频率不超过这个量级,就是免费的。此后按照使用量收费。

相信具有刚刚所说的全国奶茶店连锁的企业如果需要专业的地图可视化,也可以可以考虑的,对于中小型企业,例如:APP活跃用户点,运营部来查看的话,那几乎是可以在免费区域的。

注册好,如下:

这里有一个Access tokens,这个token与您的帐号对应,显然是用来计算收费的。所以:不要把你的帐号token给其他人哦。

在Power BI中使用MapBox

MapBox在PowerBI中是自定义视觉对象,从市场获取如下:

在Power BI Desktop中,使用如下:

这要求数据包括:经纬度以及数值,当然可以使用扩展的一些字段,如颜色分类等。

只需要:

  • token(已经得到)
  • 使用token
  • 填入经纬度

效果如下:

打开热力图效果:

根据算法,会将密集的点显示成热力形式。

对于一般的可视化也就可以了,但这距离预期效果还有差异。

调整MapBox效果

MapBox在Power BI中的效果主要包括:

  • Circle(大小)
  • HeatMap(热力图)
  • Cluster(集群)

对其自定义设置,体现在缩放到不同级别来显示不同的模式。由于缩放是通过滚动鼠标滚轮体现的,也就是说,当鼠标滚轮滑动放大的一定程度的时候应该显示或大小,或热力,或集群的模式,当然也可以同时显示。由于大小,热力与集群是三种不同的模式,如果同时显示会让地图变得混乱,当然这也是默认的效果,如下:

所以,应该按照整体设置,大小,热力与集群依次设置地图,以下分别说明。

注意:这里先关闭 大小,热力与集群 随后依次打开进行设置。

选择一种地图效果

选择一种喜欢的风格。这里值得注意的是,可以选择自定义的效果,这里稍后介绍,这个自定义也是MapBox真正强大的地方所在。

设置大小

在上一步选择一个浅色的地图,并对其设置如下:

设置包括:

  • Radius(初始半径):1px
  • Zoom scale factor(放大因子):10
  • Min Color(最小值颜色):无需设置,因为已经按颜色分类,此处不再起作用。
  • Med Color(中间值颜色):同上。
  • Max Color(最大值颜色):同上。
  • Opacity(透明度):30,表示30%。
  • Stroke Opacity(边线透明度):0,表示0%,也就是无边线效果。

值得强调的是,这样的设置可以制作很多互相重叠却易于区分的小气泡,气泡的密集度可以通过放大因子控制。最重要的一个属性这里单独介绍,那就是:Min Zoom 与 Max Zoom。这两个属性指示从 在哪个缩放区间 按这种模式显示。

可以看出,缩放区间有从0到22级,也就是说,滚动鼠标滚轮可以依次放大缩放22次,这里在不同的放大状态下也就对应了不同的Zoom,Min Zoom与Max Zoom就表示这个区间。为了让整个地图有流畅显示。一般可以这样设置:

  • 模式1:Min Zoom = 0, Max Zoom = 3
  • 模式2:Min Zoom = 3, Max Zoom = 5
  • 模式3:Min Zoom = 5, Max Zoom = 22

这样,就成了一套带层级的显示效果。具体到这个案例,如下:

  • 热力:Min Zoom = 0, Max Zoom = 3
  • 集群:Min Zoom = 3, Max Zoom = 5
  • 大小:Min Zoom = 5, Max Zoom = 22

也就是实现从热力到集群到大小的三阶层级,现在正在设置大小,因此设置为Min Zoom = 5, Max Zoom = 22。提示:一旦设置完成,会发现地图的气泡突然消失了,因为当前缩放未达到5,所以不会显示。

设置热力

启用热力模式,并设置为Min Zoom = 0, Max Zoom = 3

设置集群

启用集群模式,并设置为Min Zoom = 3, Max Zoom = 5

此时效果如下:(动画大小:3M)

对于群集,需要说明几个重要属性:

  • Cluster Radius(集群半径):这个数字决定在多大范围内计算集群数量。
  • Cluster Max Zoom(集群点最大放大级别):这个数字决定了集群点的密集性。
    综合上述两个属性可以绘制出不同的集群形态,实际测试感觉尚未完全理解它们的精确作用,或者也许其本身也存在BUG,但确实可以通过配合,设置出合适的效果。

至于调整颜色之类的属性就不再说明。

至此,已经可以设置整个MapBox地图了。细心的伙伴会发现,这和文章开始的地图有两大差异:1)没有显示中文;2)没有中国地图轮廓

MapBox Studio

实现中文以及设置中国地图轮廓,则必须使用更高级的玩法:MapBox Studio。这是用来设置自定义地图的,感兴趣的伙伴可以在MapBox网站打开Studio自己研究如何设计地图,这里提供了强大的设计功能,如下:

可以看到,这里可以对地图的所有缩放级别进行设置,在本例中可以看出已经使用黑色粗线描绘了国家边境线,已经用红色线描绘了城市边界,并设置了中文显示。

还可以直接通过图层来定义城市,建筑以及河流的颜色等信息。MapBox提供了强大的缩放级别,通过自定义的设置可以简化地图,使地图更适合来显示信息,如下:

当所有的街道都用淡色显示后,特别容易在PowerBI中凸显可视化效果,如下:

关于如何详细使用MapBox Studio请参考其官方文档。

总结

MapBox 给地图可视化提供了强大功能支持。其优势包括:

  • 自定义地图
  • 热力
  • 集群
  • 密集气泡
  • 缩放分层
  • 加载速度很快

赶快自己尝试吧。

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

推荐阅读更多精彩内容