大家好，我是灰色執照。

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

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

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

拖拽鼠標，地圖可以調整不同的角度。滑動滾輪，地圖可以放大縮小

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

3. 可以調整地圖的高度。

4. 可以調整字體的大小，甚至可以讓字體旋轉過來

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

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

在左側可以設置每個地區的數值，比如每個省的 GDP 不同。

應用后，地圖就像柱狀圖一樣，根據數值生成不同的高度。

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

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

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

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

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

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

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

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

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

你們的下午由我來守護。你們去喝茶、去聊天、去享受午后的陽光，讓地圖繪制的工作交給我開發的工具來完成吧。工具是免費的，大家放心使用~

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

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

歡迎關注作者微信公眾號：「灰大設計」