地图界面ui设计如何制作数据可视化，欣赏几个设计精美的地图app

　　现在城市建设规模越来越大，没有相应的地图根本就不好找，但是手机地图APP能为大家解决这个问题。今天就让faceui为大家介绍地图界面ui设计如何制作数据可视化，欣赏几个设计精美的地图app。

　　地图界面ui设计如何制作数据可视化

　　地图APP在移动互联网时代由于具有LBS和移动的特性，使地图应用除了作为基础的出行工具外，它和线下服务场景也结合得非常紧密。要制作数据可视化，方法如下：

　　1、第三方地图的获取和对接

　　普通地图一般都是去对接三方平台，他们都会提供对应的地图开放服务。实操一下地图的获取和调色方法以及最后跟开发交付的流程。

　　首先登录地图app开放平台，点击右上角控制台进入控制台会进入页面，大家可以多点点查看下平台的相关功能内容，比如点击数据可视化里面会有集成的地图可视化效果。数据可视化里面后有一些集成的模板化的效果。回到主题点击自定义地图就可以对地图进行自定义配置了。

　　页面上会有好多配置好的模板供你选择，也可以选择自己自定义配置，根据需要选择一个点击进去，就进入地图配置页面。

　　最后将调整好的样式，直接放大全屏后截屏后就可以在设计稿里使用了。

　　图片来源于网络

　　2、开发样式的对接

　　将配置好的文件点击右上角的发布，直接继续点击发布。发布成功后会出弹框，里面会有一些调用和使用地图的方法。根据使用需求可选择不同平台的使用方式，直接复制链接丢给开发就好了。

　　3、3D地图建模及贴图的制作获取方法

　　在网上下载地图的边界轮廓文件，下载对应的各个省份 城市的边界地图轮廓模型的svg文件，点击左下角进行下载，将下载好的svg文件导入ai里转换成ai格式，这里要注意的是另存的时候一定要选择比较早的版本，建议存为Illustrator 8图中箭头所指的那个版本，要不然c4d会是识别不出来。将转换好的ai文件导入c4d，执行挤压。

　　4、漫射贴图制作的思路

　　首先在Google Eaeth Pro上面找个省份对应的位置然后执行文件-保存就能保存当前展示得地图纹理了（建议保存两张贴图，一张带边界和地名的方面后面制作贴图的时候方便对上位置，第二张就是无边界地名的作为最终的漫射贴图）。

　　将c4d展完uv的截图、还有制作模型下载的地图边界路径、和刚才的截图一一拖入ai里面 ，新建一个4k（这里根据需求建就行）的画布，将展uv的截图缩放到画布大小，如下图，然后根据边界轮廓都对应好，执行剪切蒙版，最终会得到下面的图的效果。

　　图片来源于网络

　　欣赏几个设计精美的地图app

　　1、这个一个有生命的实况地图，可以看到灰机灰，火车跑，广告弹，当然，界面设计也是非常有卡通感。

　　2、这是一个中规中矩的谷歌地图设计稿。

　　3、针对iPhone X特别设计的骑行全屏地图。卡片式选择线路。

　　4、为外卖送餐设计的地图，可以直观看到商店与送餐点的3d视图。

　　5、寻找附近餐厅的地图设计，色调统一。

　　6、为户外探险提供线路选择的3D地图。效果真的很棒！

　　7、为户外远足而设计的地图，可以以地图模式显示附近的人。

　　8、导航用的地图app设计。底部的信息条设计值得学习。

　　以上就是faceui为大家介绍的关于地图界面ui设计的相关内容。地图界面怎么设计才让用户使用起来更舒适，这才是地图界面ui设计的重点。