2020-2-6 前端达人
Xiao素材 |MapBox应用
本期精选 / MapBox应用教程,让你的底图超乎预料的炫酷
今天给大家带来炫酷MapBox的具体应用
相信大家在绘制平面类分析图时
都遇到过地图获取的问题
在此之前
我们也提供给了其他的类型的方式来绘制分析底图
1. 其他方式
百度个性地图
通常地图形式如下
喜欢用这种类型地图的小伙伴
网址接好咯
http://developer.baidu.com/map/custom/
文末素材有百度个性地图代码
谷歌个性地图
老规矩放一波样式给大家看一看
但是这些
都不是我们今天能的重点
2. MapBox效果
因为真要说到可操控性可调整性
非MapBox莫属
先来看看官方效果
是不是已经超级酷炫好看了
那看到这里你就以为完了吗
NO NO NO NO NO
再来看我们根据模板花几分钟改的底图
看到这的第一眼
是不是觉得这才是
自己想要的分析底图
误区
想想平常我们自己绘制的底图一般像这样
纯苦力类
怎么样
是不是想立即Get一波呢
别急,来看视频学习一下
大致分为四个板块
3. 四大板块
第一个板块
基本步骤
首页—Get Started—选择合适的风格
(建议开启网页翻译哦)
第二个板块
怎样来操作
右键旋转视图
中间缩放视图
左键平移视图
右侧箭头菜单—还原视图—
Reset Pith&重设正北方向 Reset North
第三个板块
这一个板块相对复杂一些
同学可以看着视频配着幕布食用
左侧为参数调整栏
直接点击地图元素的相应位置
即可修改相应参数
第四个板块
添加图层和修改数据
Add Layer/Select Data里面内容含
数据资源—类型—绽放级别Zoom—过滤器
具体怎么操作一定要看视频哦
如果觉得观看视频还是不太清楚的小伙伴
不要慌张
作者还贴心的为大家准备了
MapBox的知识结构图
今天就和大家分享到这里了
转载自:搜狐
作者:
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务