iT邦幫忙

2022 iThome 鐵人賽

DAY 2
1

Mapbox ?

說到地圖,大家第一個想到的絕對是 Google Map 了吧~
/images/emoticon/emoticon15.gif但其實你還有其他選擇,那就是 Mapbox!

Mapbox 起源自英國的「開放街圖」(OpenStreetMap, OSM),那和 Google Map 不一樣的是它的地圖是可以客製化的,如果你已經看膩 Google Map 的介面或是想做風格獨特的地圖,那不妨來用 Mapbox 造出自己喜歡的樣式!

其實一開始我會接觸 Mapbox 也是因為介面很好看 >< (標準顏控)

申請 Token

那跟 Google Map 一樣,Mapbox 在使用上也是需要去申請 Token 的,所以準備好你的魔法小卡去辦一個帳戶吧!基本上在規定使用額度內都是免費的,不用太擔心~

申請帳戶傳送門

申辦好帳戶取得 Access Token 就可以準備開始你的 Mapbox 之旅了 ( ˶ー̀֊ー́ )੭”

Mapbox Studio

如同上面所說,Mapbox 是可以讓使用者客製化地圖的!
Mapbox 有個地圖編輯器,主要可以透過添加自訂義字體、圖標或是改變地圖樣式來構建你想要的地圖,有興趣的可以嘗試看看~

create a map in studio

更多詳細官網介紹

Mapbox GL JS

Mapbox GL JS 是用於 Web 向量地圖的 JavaScript Library,讓我們可以在瀏覽器上顯示 Mapbox 地圖並進行互動,這也是我們這 30 天要來學習的主題(其實已經水掉 2 天了...

介紹的部分大概到這邊,明天開始進入主題 la ~~ /images/emoticon/emoticon08.gif

Reference


上一篇
Day 1 - 前言與大綱介紹
下一篇
Day 03 - 環境安裝 & init Map
系列文
打造你的主題地圖!Mapbox 也可以!(ft. React)30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言