正好昨天被問到產(chǎn)品里不同的地圖渲染模式的區(qū)別和原理，今天就這個(gè)話題聊聊我們在地圖上呈現(xiàn)業(yè)務(wù)數(shù)據(jù)時(shí)，如何借助不同的渲染模式來更好的表達(dá)業(yè)務(wù)含義？

關(guān)于地圖制圖與表達(dá)的方方面面的知識太多，暫且按下不表。在進(jìn)行地圖可視化的時(shí)候可以參考制圖的基本原則進(jìn)行配置，選擇合適的顏色、符號、大小、邊框以及規(guī)則等。從用戶的視角，當(dāng)我們要做一張企業(yè)業(yè)務(wù)地圖的時(shí)候，可以有多種多樣的地圖展示方式，比如散點(diǎn)圖、分級圖、分類圖、熱度圖、氣泡圖等等。不同的地圖表達(dá)方式滿足不同的使用場景，讓我們更好的用地圖發(fā)現(xiàn)業(yè)務(wù)價(jià)值。

其中渲染模式主要是針對重疊的地圖要素，設(shè)置重疊區(qū)的顏色混合渲染方式，有點(diǎn)類似Photoshop中的混合顏色操作，或者可以理解成美圖秀秀的各種濾鏡，主要是對顏色的一些處理算法，最終達(dá)到的效果是讓地圖根據(jù)可讀性。有幾種場景會涉及到渲染模式的設(shè)置：

• 燈光圖
• 凸顯特征
• 增加可讀性

當(dāng)我們要制作分布燈光圖來表達(dá)點(diǎn)的分析效果時(shí)；當(dāng)我們希望通過加深或減淡顏色來凸顯地圖特征，比如凸顯重疊的外賣配送區(qū)域時(shí)；當(dāng)數(shù)據(jù)量較大，小比例尺下堆疊嚴(yán)重，希望增加數(shù)據(jù)可讀性時(shí)，都可以來通過配置不同的渲染模式得到相應(yīng)的地圖效果。

目前渲染模式包括：

• 燈光效果
• 疊加效果
• 變暗效果
• 變亮效果
• 顏色減淡
• 顏色加深
• 覆蓋效果

1.燈光效果

燈光效果會將重疊區(qū)域的顏色更加明亮，如果使用白色，則不會改變地圖外觀。若使用黑色，也不會出現(xiàn)燈光效果。當(dāng)你想要在地圖上變亮重疊區(qū)域時(shí)，可使用此選項(xiàng)。（PS，燈光效果需搭配智圖藍(lán)黑版地圖或其他暗色系地圖）

燈光效果

2.疊加效果

疊加效果模式是結(jié)合了顏色相乘和燈光的混合模式，黑色會看起來更暗、白色看起來更亮。如果希望重疊區(qū)域同時(shí)顯示明亮和黑暗效果，可選擇此項(xiàng)。

疊加效果-亮色越亮

疊加效果-暗色越暗

3.變暗效果

變暗效果跟顏色相乘具有相似效果，會讓顏色變暗，但是更為極端。當(dāng)兩個(gè)要素重疊時(shí)，會找到最深色的像素并保留。當(dāng)你想要在暗色的重疊區(qū)域顯示原始顏色的暗化效果時(shí)，或者需要更少的重疊細(xì)節(jié)時(shí)，請使用此選項(xiàng)。

變暗效果

4.變亮效果

變亮效果與變暗效果工作方式一樣，但是反過來，保留重疊區(qū)域最淺色的像素。如果要更改重疊區(qū)域的陰影效果，請使用此項(xiàng)。

變亮效果

5.顏色減淡

顏色減淡模式類似燈光效果，但是整體更為極端。重疊區(qū)的要素變得更加明亮，除非顏色是黑的）。如果想要在重疊區(qū)域間形成鮮明對比的亮色效果，且不需要展示更多細(xì)節(jié)，請使用此選項(xiàng)。

顏色j減淡

對比燈光效果：

燈光效果

6.顏色加深

顏色加深與顏色減淡類似，但是具有變黑的效果。該效果會增加重疊區(qū)顏色的對比度。當(dāng)你想要一個(gè)對比度高于變暗效果時(shí)，則可以選擇使用它。

顏色加深

7.覆蓋效果

覆蓋效果比較容易理解，地圖呈現(xiàn)的效果就是重疊區(qū)域會產(chǎn)生覆蓋，只顯示頂層的顏色。

覆蓋效果

應(yīng)用場景

了解了上面各渲染模式的效果和特點(diǎn)后，可以看到一般情況下我們進(jìn)行業(yè)務(wù)表達(dá)并不需要特別的關(guān)注渲染模式，默認(rèn)既可。例如“燈光效果”，大量數(shù)據(jù)可以通過燈光圖表達(dá)分布，比如手機(jī)App定位點(diǎn)實(shí)時(shí)位置展示等。零售門店服務(wù)范圍與對手服務(wù)范圍是否沖突，使用“顏色加深”來凸顯重疊服務(wù)區(qū)。

凸顯重疊服務(wù)區(qū)