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

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

網(wǎng)站鏈接：https://nbcharts.com/map/map.php

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

主要是四個重要的功能：

1. 自動生成區(qū)縣、鄉(xiāng)鎮(zhèn)地圖
2. 下載 SVG 地圖
3. 顯示部分區(qū)域
4. 上傳圖片材質(zhì)

以下是我錄制的視頻說明

功能 1：新增區(qū)縣地圖

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

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

步驟 2，點擊「下載數(shù)據(jù)」按鈕

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

進(jìn)去的時候只有省市，你根據(jù)需要逐層選擇，就可以選到下面的區(qū)、縣，甚至是城鎮(zhèn)、街道了。

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

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

步驟 3，通過「選擇文件」按鈕，把剛才的下載的數(shù)據(jù)上傳到網(wǎng)站。

上傳以后，地圖就已經(jīng)變成了徐匯區(qū)。

步驟 4，鼠標(biāo)選擇其中一個板塊，參考剛才的下載網(wǎng)站，把這個板塊的名字給添加進(jìn)去。

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

通過這種方式，你就可以把整個區(qū)的文章都添加進(jìn)去，區(qū)縣、城鎮(zhèn)的地圖全弄好了！

功能 2：下載 SVG 功能

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

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

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

功能 3：顯示部分區(qū)域功能

「顯示部分區(qū)域」功能也是很多同學(xué)提到的

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

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

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

功能 4：上傳材質(zhì)功能

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

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

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

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

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

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

這樣，正面和側(cè)面你都可以隨心所欲的控制材質(zhì)了。

我試著換了一種側(cè)面材質(zhì)。

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