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.ocunn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務