恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
NB MAP 升级了!支持绘制区县地图
1.6°
2022-07-06 原创文章 教程 举报 8044 26 40 2

满足你们对这个工具所有的幻想

大家好,我是灰色执照~
经过一段时间的努力,NB Map又发布新版本了!如果你没有使用过这款三维地图产品,你可以先看看我之前的文章:用这个数据可视化好帮手,教你秒画三维地图。


复制下面蓝色带下划线链接用浏览器打开,就可以使用NB Map这款三维地图产品了。

https://nbcharts.com/map/map.php


这一次,针对大家在B站提出的意见,我把一些重磅功能给加进去了!
主要是四个重要的功能:

 01. 自动生成区县、乡镇地图
02. 下载SVG地图
03. 显示部分区域
 04. 上传图片材质


复制下面蓝色带下划线文字,就可以去B站看我录制的视频说明了

https://www.bilibili.com/video/BV1RS4y167pW?p=3


功能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尺寸的即可。


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


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


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

Powered by Froala Editor

更新:2022-07-06

收藏

26人已收藏

  • 76

    作品

  • 646

    粉丝

  • 33

    关注

  • 腾讯CDC解散,是不是大厂设计也失去话语权了?
  • 寻一位UI合伙人
  • 我,7天,开发了一款免费的词云工具
  • 灰大设计团队近期作品

    猜你喜欢

      2022-07-06 原创文章 教程 举报 8044 26 40 2

      NB MAP 升级了!支持绘制区县地图

      1.6°

      你确定要举报 NB MAP 升级了!支持绘制区县地图

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2022年07月06日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      40
      26
      2

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录