大家好,我是灰色执照~
经过一段时间的努力,NB Map 又发布新版本了!如果你没有使用过这款 三维地图 产品,你可以先看看我之前的文章:
数据可视化神器!帮你一秒生成三维地图的免费工具NB Maps 大家好,我是灰色执照。
阅读文章 >
网站链接: https://nbcharts.com/map/map.php
这一次,针对大家在 B 站提出的意见,我把一些重磅功能给加进去了!
主要是四个重要的功能:
自动生成区县、乡镇地图 下载 SVG 地图 显示部分区域 上传图片材质 以下是我录制的视频说明
当视频无法加载时请刷新页面, 或前往PC获得最佳体验。
功能 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 尺寸的即可。
这样,正面和侧面你都可以随心所欲的控制材质了。
我试着换了一种侧面材质。
好了,新的功能介绍到这里就全部结束了。开发很辛苦,希望你会喜欢我开发的新功能~记得不要吝啬你的「赞」~