地圖常常在可視化報告中位于正中央。有些時候只顯示地圖，比如著色地圖，有些時候會在地圖上疊加一些基礎(chǔ)圖表，比如氣泡圖、餅圖、柱形圖、流向圖，這兩種用法地圖都是主角。

上文《Power BI 條件格式存放地圖一定要做到這兩點》介紹了把地圖當(dāng)作輔助元素放在條件格式。今天分享另外一種思路，地圖作為配角和其它圖表疊加。

以下進(jìn)度條是一個疊加示例，主體是藍(lán)色的進(jìn)度，地圖放在數(shù)據(jù)標(biāo)簽旁，以直觀看到是哪個城市。

普通的進(jìn)度條如下度量值，標(biāo)記為圖像URL放入表格可以顯示。

類別標(biāo)簽只需要添加text元素，現(xiàn)在的難點是，怎么把地圖加進(jìn)去？

SVG地圖資源可以在阿里云地圖下載（http://datav.aliyun.com/portal/school/atlas/area_selector），將所有地圖按照文本的方式使用Power Query導(dǎo)入Power BI。地圖的結(jié)構(gòu)和上方進(jìn)度條的結(jié)構(gòu)看上去是相同的，即

<svg>地圖內(nèi)容</svg>

地圖有了，插入進(jìn)度條圖表的方法異常簡單：

批量切換的話，把SVG地圖換成：

上圖中，進(jìn)度條設(shè)置的圖像寬度是100像素，高度10像素。但是網(wǎng)上下載的地圖寬度高度普遍很大，比如400*400，直接將地圖放到進(jìn)度條肯定無法正常顯示。所以，我們需要對進(jìn)度條進(jìn)行等比調(diào)整。

例如，將圖像寬度擴(kuò)大10倍，到4000像素，高度擴(kuò)大到600像素。因為進(jìn)度條是扁平的圖表樣式，所以寬度擴(kuò)大的值需要大一些，以確保圖表協(xié)調(diào)。度量值中rect的width,height，text的font-size進(jìn)行相同比例的擴(kuò)大。

有人會問，這么大的圖像表格能放下嗎？能。表格最大支持512像素的圖像寬度，但是，并不意味著圖像只能512像素，Power BI對大尺寸圖像會自動等比縮放調(diào)整。因此，表格矩陣按常規(guī)兩三百像素設(shè)置即可。

同樣的做法可以應(yīng)用到新卡片圖，B站視頻《Power BI卡片圖疊加進(jìn)度條》介紹的進(jìn)度條相對樸素，現(xiàn)在左側(cè)加了地圖，地圖還帶有紅綠燈提示。新卡片圖和表格矩陣設(shè)置的唯一區(qū)別是長寬比。表格矩陣要求地圖和數(shù)據(jù)標(biāo)簽較小，但是卡片圖這兩者需要大一些，所以尺寸要對應(yīng)進(jìn)行調(diào)整。

把度量值放入新卡片圖的圖像URL進(jìn)行顯示：