分类
网页ui
网页ui
类别
首页 落地 权益 全套 游戏 动漫 edm 邮件 系统 样机 展示 组件 分享 二维 条码 购物 九宫 天气 地图 导航 状态 排行 播放 银行 签到 认证 日历 聊天 设置 红包 表单 评论 筛选 发布 缺省 搜索 个人 新手 数据 登录 列表 中心 弹窗 支付 详情 其他
格式
PSD AI sketch XD fig
配色
红 橙 黄 绿 蓝 紫 黑 暗 明 亮 深
风格
简洁 大气 干净 极简 高端 酷炫
移动ui
移动ui
类别
首页 营销 权益 全套 游戏 邮件 后台 样机 组件 分享 条码 购物 九宫 天气 地图 状态 排行 播放 银行 签到 认证 日期 对话 设置 红包 表单 评论 条件 发布 缺省 搜索 主页 新手 数据 登录 列表 我的 弹窗 支付 详情 其他 钱包
格式
PSD AI sketch XD fig
配色
红 橙 黄 绿 蓝 紫 黑 暗 明 亮 深
风格
简洁 大气 干净 极简 高端 酷炫
软件ui
软件ui
类别
全套 首页
格式
PSD AI sketch XD fig
配色
红 橙 黄 绿 蓝 紫 黑 暗 明 亮 深
风格
简洁 大气 干净 极简 高端 酷炫
html
html
类别
登录 注册 首页 个人中心 后台 电子邮件 大数据 列表页 详情页 响应式 系统
配色
红 橙 黄 绿 蓝 靛 紫 黑 白 微渐变 黑金 粉 荧光绿
风格
简洁 大气 干净 极简 高端
banner
banner
类别
底部 竖版 横版 胶囊 全屏 电商
格式
PSD AI sketch XD
配色
红 橙 黄 绿 蓝 紫 黑 暗 明 亮 深
排序
最新 热门
图标插画
图标插画
格式
PSD AI sketch svg eps png XD cdr fig ppt
排序
最新 热门
ui原型
ui原型
类别
逻辑图 原型图 插件 其它
格式
xd ai psd rp xmind rplib mp
排序
最新 热门
免费字体
免费字体
字体分类
中文 英文 数字
排序
最新 热门
综合素材
综合素材
类型
名片 海报 高清图 ppt 素材 样机 文档 画册 包装 其它
格式
AI cdr psd jpg ppt eps png sketch xls doc svg
排序
最新 热门
全部
网页ui 移动ui 软件ui html banner 图标插画 ui原型 免费字体 综合素材
登录 注册
网页ui
移动ui
软件ui
html
banner
图标插画
ui原型
免费字体
综合素材
全部
公告
消息
返回
大屏可视化立体感地图的制作方法
03-16 16:00


首先需要我们安装一个插件 [3D-MAP-GENERATOR],一个可以生产3D的PS插件。从B站中可以看到关于这个插件有很多的教程,但都是偏向于如何使用这个插件,那么如何将这个插件运用到我们实际的工作中呢?尤其是地图这方面,下面的分享,我将会一步步的介绍清楚。





<     步骤一   安装软件  >

安装[3D-MAP-GENERATOR]插件,MAC 和 Windows 系统都支持。文章末尾有获取方法以及安装方法。

<   步骤二   获取地图  >

打开:地图选择器http://datav.aliyun.com/portal/school/atlas/area_selector#&lat=31.80289258670676&lng=104.2822265625&zoom=4,下载中国json数据:







把下载的json数据拖入到https://mapshaper.org/中。










最终导出SVG文件。







为什么会增加导入“mapshaper”步骤,是因为直接从datav导出的地图,省份边界线会有交错,导致后期需要省份边界需要手动调整,mapshaper 中导出的地图边界会重合,对于后期制作分界线有帮助。

<  步骤三   获取卫星地图  >

获取卫星地图的方法目前可以从“谷歌地图”和“高德地图”获取,不过2个地图的效果还是有明显差异,尤其是“高德地图”在放大后效果不佳,建议使用“谷歌地图”,下图是2个地图的对比。










需要把“卫星图像”下面的标签取消勾选,然后保存,作为贴图所用。命名为:航拍图。







当然我这里也有2个不同风格的超清纹理图,缩略图如下,获取方法在文章末尾。