三维地图绘制神器 NB MAP 升级了！可支持下载区县、乡镇地图！ - 优设网 - UISDC

大家好，我是灰色执照~

经过一段时间的努力，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 尺寸的即可。

这样，正面和侧面你都可以随心所欲的控制材质了。

我试着换了一种侧面材质。

好了，新的功能介绍到这里就全部结束了。开发很辛苦，希望你会喜欢我开发的新功能~记得不要吝啬你的「赞」~