大家好，我是灰色執(zhí)照。

先說重點，一款可以自動繪制三維地圖的網(wǎng)頁工具開發(fā)好了。你可以調(diào)整顏色、修改地圖的厚度和角度、更換字體的樣式。弄成你喜歡的樣子后，就可以下載透明背景的 PNG 地圖圖片了！

我簡單的介紹一下工具的部分功能：

1. 可以生成各個角度的透明背景圖片

拖拽鼠標，地圖可以調(diào)整不同的角度?；瑒訚L輪，地圖可以放大縮小

2. 可以錄制成你視頻，拖入 AE，在周邊加上圖表，就變成可以演示的效果了。

3. 可以調(diào)整地圖的高度。

4. 可以調(diào)整字體的大小，甚至可以讓字體旋轉(zhuǎn)過來

5. 可以調(diào)整地圖和地圖邊界線的顏色、透明度。

6. 給地圖每個板塊輸入相應(yīng)的數(shù)值，地圖還會以“柱狀圖”的形式顯示。

在左側(cè)可以設(shè)置每個地區(qū)的數(shù)值，比如每個省的 GDP 不同。

應(yīng)用后，地圖就像柱狀圖一樣，根據(jù)數(shù)值生成不同的高度。

如果你是數(shù)據(jù)可視化設(shè)計師，你可以只設(shè)計界面的四周，然后把設(shè)計稿上傳為背景，這樣你就可以免去設(shè)計你的主視覺了：

NB Map 的功能其實還有很多，由于篇幅有限，我這里就不一一介紹了，大家自己去體驗一下吧。

工具的入口如下：https://nbcharts.com/map/map.php

我還特意錄制了一個功能很全的高清視頻教程，已經(jīng)放到 B 站了。

幾年前，我的工作從 UI 設(shè)計師轉(zhuǎn)變成了設(shè)計數(shù)據(jù)可視化方向。工作中，我需要在界面的正中央繪制一個立體感覺的武漢市地圖。那是我第一次接觸數(shù)據(jù)可視化，沒有任何經(jīng)驗。我清晰的記得我用了整整一個下午，使用 PS 的鋼筆工具勾畫地圖的每個邊界。那一個下午，我累得眼睛都疼了。當時我的心里只有一個想法：類似的工作應(yīng)該交給工具來批量完成！

多年以后，我雖然學(xué)會了編程，但是我的工作并不涉及三維方面的內(nèi)容。所以也就沒有太把這件事情放在心上。直到今年過年期間，趁著國慶 7 天假期，自學(xué)了一下三維方面的一些編程知識（甚至還研究起了 C4D）

通過 1 個月時間的努力，一款自動繪制三維地圖的工具開發(fā)好了。代碼部分的內(nèi)容其實不多。更多的是整理 400 多個省市區(qū)的數(shù)據(jù)。處理這些數(shù)據(jù)非常的繁雜，很多時候都想過放棄，但是想起我曾經(jīng)用鋼筆勾畫的那個下午，咬咬牙又堅持了下來?！拔乙粋€人累一下，卻可以方便無數(shù)個人。這波絕對穩(wěn)賺不虧！”

開發(fā)這款工具主要是想幫助那些真正有需要的人。有可能他們從事和設(shè)計無關(guān)的工作，沒有接觸過 PS、C4D、Blender，他們只是想在 PPT 里面加入一個地圖來示意一下，也可能他們是平面設(shè)計師，想在海報里面加入一個地圖；還可能一個初入行的 UI 設(shè)計師想做一個更好看一點的可視化界面…無論你是誰，都可以方便的使用這個工具來完成你的工作。

準確的說，開發(fā)這款工具更多的是想幫助幾年前剛跨入可視化行業(yè)的我自己~

你們的下午由我來守護。你們?nèi)ズ炔琛⑷チ奶?、去享受午后的陽光，讓地圖繪制的工作交給我開發(fā)的工具來完成吧。工具是免費的，大家放心使用~

后續(xù)我將給這個地圖增加材質(zhì)功能，如果你使用 NB Map 的過程中有什么其他需求，歡迎你在微信群里向我提出。

最后，感謝微信群里為 NB Map 提供地圖背景的每個設(shè)計師。

歡迎關(guān)注作者微信公眾號：「灰大設(shè)計」