欢迎光临散文网 会员登陆 & 注册

可视化设计干货|如何轻松制作可下钻的自定义分区地图?EasyV助你解锁新技能!

2022-06-10 17:09 作者:EasyV数字孪生  | 我要投稿

大家好,EasyV 小课又来啦~这次要讲的是「如何轻松制作可以下钻的自定义分区地图」。这个问题的其他问法:

  • 怎么把不同省份合并为自己需要的“大区”?

  • 怎么在下钻地图中的省份上面加一层“大区”的层级?

  • 怎么做「中国-大区-省份-市区」的下钻逻辑?


01

解决什么问题?

众所周知,这是标准的中国地图(下图),是按照34个省级行政区划分的:

图源:自然资源部标准地图服务


但是,在某些特定的的业务场景下,我们需要按照自己的需要,对不同省份进行组合,成为不同的“大区”,比如“华南区”、“华北区”、“华中区”......


图源:EasyV 模板


如果你是做一张静态图,那直接在设计软件中对省份轮廓进行合并的布尔操作就可以满足。但是,我们更多时候是在一个业务系统里做一个数据能动态变化、可以点击下钻的可交互地图,这时候应该怎么做呢?接下来就跟着我学习吧~

关注【官方微信公众号】,查看更多可视化资讯~等你呦

1、EasyV数字孪生可视化
2、易知微数字孪生世界


免费试用

易知微官网,申请EasyV免费试用:easyv.cloud/?t=yrbz

免费试用期间:运营、产品、设计、技术人员专业一对一拉群指导,解答疑惑。


02

效果展示


以下图片来自已经上架到EasyV 素材广场的模板easyv.cloud/market?),本教程就是以该模板为例的,大家可以自行到素材广场使用这个模板~


静态效果

可以双击下钻查看各个大区所属的省份数据:

交互效果



03

用到的工具


一共用到了两个工具——QGIS & EasyV


1、QGIS:免费开源的地理信息系统软件



2、EasyV:我们公司研发的可视化设计+搭建的Web工具,这次主要用到了里面的「基础平面地图组件」


EasyV中的基础平面地图组件


04

关键操作


因为录制了教程视频,所以这里就只摘取关键步骤,详细操作和坑有点多,就直接看视频吧~

可以查看我们最新发布的视频教程哦~

必看设计干货|如何轻松制作可下钻的自定义分区地图?EasyV助你解锁新技能!_哔哩哔哩_bilibiliwww.bilibili.com/video/BV1Na411L7qv?spm_id_from=333.999.0.0



tips:关注公众号「EasyV数字孪生可视化」,回复“下钻”,领取已处理好的七大区 json 文件


1、获取标准中国json文


到 EasyMap (地图数据小工具:map.easyv.cloud)中获取整个中国的 json 数据文件:



找到我们接下来要处理的文件:



2、到QGIS中合并省份


将文件导入 QGIS 中进行合并处理:



处理完数据之后(会踩到一些坑,已经在视频中讲解答了~),导出图层为 .geojson 的文件。


3、整理得到 EasyV 需要的文件格式



4、到 EasyV 中制作可交互地图


将整理好的 json 文件夹,压缩为 .zip 文件,上传到「基础平面地图」的对应配置项中。



此外,结合该组件的其他功能,进行热力图、下钻交互的配置。


最后~干奉上货满满的视频教程:


【课程大纲】




如果大家有疑问,或者其他想学习的可视化知识点,欢迎留言反馈给我们~❤️

可视化设计干货|如何轻松制作可下钻的自定义分区地图?EasyV助你解锁新技能!的评论 (共 条)

分享到微博请遵守国家法律