三維地圖繪制神器 NB MAP 升級了！可支持下載區縣、鄉鎮地圖！

大家好，我是灰色執照~

經過一段時間的努力，NB Map 又發布新版本了！如果你沒有使用過這款三維地圖產品，你可以先看看我之前的文章：

網站鏈接：https://nbcharts.com/map/map.php

這一次，針對大家在 B 站提出的意見，我把一些重磅功能給加進去了！

主要是四個重要的功能：

1. 自動生成區縣、鄉鎮地圖
2. 下載 SVG 地圖
3. 顯示部分區域
4. 上傳圖片材質

以下是我錄制的視頻說明

功能 1：新增區縣地圖

這是大家在我 B 站視頻教程下提得最多的留言，希望可以支持區縣地圖。我們國家的區、縣、鄉鎮其實很多很多，整理一遍肯定有好幾千個、甚至好幾萬個！于是我開發了「上傳 geoJSON」功能，大家自己上傳后就可以得到區、縣或者鄉鎮地圖了。

步驟 1，進入任意地圖后，點擊「上傳 GeoJSON」按鈕。

步驟 2，點擊「下載數據」按鈕

點擊后會打開一個地圖數據的網站，里面有高德地圖和百度地圖的數據。你根據自己的需要選擇即可。

進去的時候只有省市，你根據需要逐層選擇，就可以選到下面的區、縣，甚至是城鎮、街道了。

我這里點擊「上海」，然后再選擇「徐匯區」

除了看到徐匯區的樣子，你還可以看到上面有個綠色的「邊界 GeoJSON 下載」按鈕。點擊后，輸入驗證碼，你就可以下載 GeonJSON 數據了。你可能對這種數據比較陌生，沒有關系，其實它里面就是記錄了很多經緯度的點，然后這些點連接成了線條后就是你看到的一個個區域了。你可以簡單理解成這是一種 txt 的格式就行了。

步驟 3，通過「選擇文件」按鈕，把剛才的下載的數據上傳到網站。

上傳以后，地圖就已經變成了徐匯區。

步驟 4，鼠標選擇其中一個板塊，參考剛才的下載網站，把這個板塊的名字給添加進去。

這樣，這個板塊的文字就加好了。如果位置不合適，你就通過字體左右偏移或者上下偏移來移動文字。

通過這種方式，你就可以把整個區的文章都添加進去，區縣、城鎮的地圖全弄好了！

功能 2：下載 SVG 功能

這個功能也是很多同學提到的，現在你只需要點擊下載按鈕中的第一個，就可以下載 SVG 了。

比如你想要繪制徐匯區的地圖。剛才你已經通過「上傳 GeoJSON」功能弄好了，點擊「下載 SVG」按鈕，那么就得到徐匯區的 svg 了。

我用 Figma 打開了它，是矢量的路徑和文字，你可以隨意的編輯它。這樣你就得到了區縣、鄉鎮的矢量文件了，是不是很方便？

功能 3：顯示部分區域功能

「顯示部分區域」功能也是很多同學提到的

步驟 1，打開中國地圖后，上面有個隱藏板塊按鈕。

步驟 2，點擊這個按鈕，然后把不需要的省份勾選都去掉（只留下東三省，也就是黑龍江、吉林、遼寧）

這樣，地圖上就只剩下東三省了。這個時候，地圖肯定不在正中心，沒有關系，通過右上角的「左右偏移」和「上下偏移」功能，把東三省移動到中間即可。

功能 4：上傳材質功能

地圖可以通過上傳材質功能，做成有紋理感覺或者漸變厚度的地圖。

地圖上方有一個上傳正面材質和側面材質功能。我們上傳一個帶有肌理感覺的正面材質。

這就是我上傳的材質，它是一個 1024*1024 像素大小的 PNG 圖片（JPG 其實也行）

上傳以后，地圖的正面就變成材質平鋪的效果了：

我再上傳一個漸變的圖片當做他的厚度（如下圖所示）

由于厚度并不會很大，所以只需要 128*128 尺寸的即可。

這樣，正面和側面你都可以隨心所欲的控制材質了。

我試著換了一種側面材質。

好了，新的功能介紹到這里就全部結束了。開發很辛苦，希望你會喜歡我開發的新功能~記得不要吝嗇你的「贊」~