正好昨天被問到產(chǎn)品里不同的地圖渲染模式的區(qū)別和原理尾菇,今天就這個(gè)話題聊聊我們?cè)诘貓D上呈現(xiàn)業(yè)務(wù)數(shù)據(jù)時(shí),如何借助不同的渲染模式來更好的表達(dá)業(yè)務(wù)含義脏嚷?
關(guān)于地圖制圖與表達(dá)的方方面面的知識(shí)太多,暫且按下不表。在進(jìn)行地圖可視化的時(shí)候可以參考制圖的基本原則進(jìn)行配置灸姊,選擇合適的顏色、符號(hào)躺涝、大小厨钻、邊框以及規(guī)則等。從用戶的視角坚嗜,當(dāng)我們要做一張企業(yè)業(yè)務(wù)地圖的時(shí)候夯膀,可以有多種多樣的地圖展示方式,比如散點(diǎn)圖苍蔬、分級(jí)圖诱建、分類圖、熱度圖碟绑、氣泡圖等等俺猿。不同的地圖表達(dá)方式滿足不同的使用場(chǎng)景,讓我們更好的用地圖發(fā)現(xiàn)業(yè)務(wù)價(jià)值格仲。
其中渲染模式主要是針對(duì)重疊的地圖要素押袍,設(shè)置重疊區(qū)的顏色混合渲染方式,有點(diǎn)類似Photoshop中的混合顏色操作凯肋,或者可以理解成美圖秀秀的各種濾鏡谊惭,主要是對(duì)顏色的一些處理算法,最終達(dá)到的效果是讓地圖根據(jù)可讀性侮东。有幾種場(chǎng)景會(huì)涉及到渲染模式的設(shè)置:
- 燈光圖
- 凸顯特征
- 增加可讀性
當(dāng)我們要制作分布燈光圖來表達(dá)點(diǎn)的分析效果時(shí)圈盔;當(dāng)我們希望通過加深或減淡顏色來凸顯地圖特征,比如凸顯重疊的外賣配送區(qū)域時(shí)悄雅;當(dāng)數(shù)據(jù)量較大驱敲,小比例尺下堆疊嚴(yán)重,希望增加數(shù)據(jù)可讀性時(shí)宽闲,都可以來通過配置不同的渲染模式得到相應(yīng)的地圖效果众眨。
目前渲染模式包括:
- 燈光效果
- 疊加效果
- 變暗效果
- 變亮效果
- 顏色減淡
- 顏色加深
- 覆蓋效果
1.燈光效果
燈光效果會(huì)將重疊區(qū)域的顏色更加明亮,如果使用白色容诬,則不會(huì)改變地圖外觀围辙。若使用黑色,也不會(huì)出現(xiàn)燈光效果放案。當(dāng)你想要在地圖上變亮重疊區(qū)域時(shí)姚建,可使用此選項(xiàng)。(PS吱殉,燈光效果需搭配智圖藍(lán)黑版地圖或其他暗色系地圖)
2.疊加效果
疊加效果模式是結(jié)合了顏色相乘和燈光的混合模式掸冤,黑色會(huì)看起來更暗厘托、白色看起來更亮。如果希望重疊區(qū)域同時(shí)顯示明亮和黑暗效果稿湿,可選擇此項(xiàng)铅匹。
3.變暗效果
變暗效果跟顏色相乘具有相似效果,會(huì)讓顏色變暗饺藤,但是更為極端包斑。當(dāng)兩個(gè)要素重疊時(shí),會(huì)找到最深色的像素并保留涕俗。當(dāng)你想要在暗色的重疊區(qū)域顯示原始顏色的暗化效果時(shí)罗丰,或者需要更少的重疊細(xì)節(jié)時(shí),請(qǐng)使用此選項(xiàng)再姑。
4.變亮效果
變亮效果與變暗效果工作方式一樣萌抵,但是反過來,保留重疊區(qū)域最淺色的像素元镀。如果要更改重疊區(qū)域的陰影效果绍填,請(qǐng)使用此項(xiàng)。
5.顏色減淡
顏色減淡模式類似燈光效果栖疑,但是整體更為極端讨永。重疊區(qū)的要素變得更加明亮,除非顏色是黑的)遇革。如果想要在重疊區(qū)域間形成鮮明對(duì)比的亮色效果卿闹,且不需要展示更多細(xì)節(jié),請(qǐng)使用此選項(xiàng)澳淑。
對(duì)比燈光效果:
6.顏色加深
顏色加深與顏色減淡類似,但是具有變黑的效果插佛。該效果會(huì)增加重疊區(qū)顏色的對(duì)比度杠巡。當(dāng)你想要一個(gè)對(duì)比度高于變暗效果時(shí),則可以選擇使用它雇寇。
7.覆蓋效果
覆蓋效果比較容易理解氢拥,地圖呈現(xiàn)的效果就是重疊區(qū)域會(huì)產(chǎn)生覆蓋,只顯示頂層的顏色锨侯。
應(yīng)用場(chǎng)景
了解了上面各渲染模式的效果和特點(diǎn)后嫩海,可以看到一般情況下我們進(jìn)行業(yè)務(wù)表達(dá)并不需要特別的關(guān)注渲染模式,默認(rèn)既可囚痴。例如“燈光效果”叁怪,大量數(shù)據(jù)可以通過燈光圖表達(dá)分布,比如手機(jī)App定位點(diǎn)實(shí)時(shí)位置展示等深滚。零售門店服務(wù)范圍與對(duì)手服務(wù)范圍是否沖突奕谭,使用“顏色加深”來凸顯重疊服務(wù)區(qū)涣觉。