iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

打造你的主題地圖!Mapbox 也可以!(ft. React) 系列

用膩了 Google Map,發現 Mapbox 也是不錯的選擇~(其實是因為介面很好看 )
那就來學習一下好了ヽ( ° ▽°)ノ
..
應該不會就這樣迷失在 Mapbox ㄅ (有人看出來這是雙關嗎)

鐵人鍊成 | 共 30 篇文章 | 11 人訂閱 訂閱系列文 RSS系列文 團隊IT108xWKE
DAY 21

Day 21 - Direction API 怎麼用?

這應該是我們要介紹的最後一支 API 了,那就是 Direction~ 這個功能有在用 Google Map 的你應該再熟悉不過了吧!其實在 Mapbox 也有...

2022-10-06 ‧ 由 no_ 分享
DAY 22

Day 22 - Direction (1):基礎操作

昨天介紹了該如何呼叫 Direction 這支 API,我們今天就拿官網給的範例教學練練手~ 先說明一下我們要做的東西:載入地圖後會有個藍色的點,這個點是我們...

2022-10-07 ‧ 由 no_ 分享
DAY 23

Day 23 - Direction (2):適合懶人的插件

如果你覺得接 Direction API 實在是很麻煩,要寫一大堆東西、只想用現成的話,那麼~這篇非常適合你! 其實我是在找 Demo 主題的時候,意外找到這個...

2022-10-08 ‧ 由 no_ 分享
DAY 24

Day 24 - 簡易版行程規劃地圖

想了兩天,我們來做一張可以進行行程規劃的地圖好了!不過是簡易版的啦,細節上的設定可以依據需求再去做更改~ 需求目標 老樣子,在進入實作前先訂一下我們的需求:...

2022-10-09 ‧ 由 no_ 分享
DAY 25

Day 25 - 一些很酷的 Mapbox Styles~(1)

我們常見以及常用的地圖大多都是 2D 的,所以在分享這邊我們做 3D 地圖吧!今天就來看一下一顆簡單的旋轉地球我們要怎麼做~ 說是簡單,但看到的當下還是不禁讚...

2022-10-10 ‧ 由 no_ 分享
DAY 26

Day 26 - 一些很酷的 Mapbox Styles~(2)

今天帶大家去日本看富士山吧~?不過是地圖版的啦,我也好想去日本玩 ༼இɷஇ༽ 程式碼我們沿用上一篇的 3D 地球地圖來繼續做,不清楚的可以點擊這裡! 3D 地形...

2022-10-11 ‧ 由 no_ 分享
DAY 27

Day 27 - 一些很酷的 Mapbox Styles~(3)

還記得我在 Day 04 - 在地圖上標記 Marker 的時候寫了一篇地圖的 Marker 教學嗎~其實標點不限於常見的 2D 地圖喔,3D 的也可以!我們今...

2022-10-12 ‧ 由 no_ 分享
DAY 28

Day 28 - 一些很酷的 Mapbox Styles~(4)

Mapbox 除了可以支援我們一般常在用的 2D 地圖,還有我們前幾天介紹的 3D 立體地球跟地形外貌以外,還可以用 3D 形式呈現建築物高度喔~ 有點像積木狀...

2022-10-13 ‧ 由 no_ 分享
DAY 29

Day 29 - 一些很酷的 Mapbox Styles~(5)

最後一篇技術分享!這系列的文章我們都在介紹陸地上的東西,最後一篇看關於海洋的部分吧~ 我們最常拿大海的深度來做界線分類對吧,像是淺水區深海區之類的,今天來做一張...

2022-10-14 ‧ 由 no_ 分享
DAY 30

Day 30 - 奮戰 30 天的心得感想

先來恭喜我自己,竟然真的完成 30 天挑戰了!!! 真的完全沒有想到我也會有在 IT 幫分享技術文章的時候,畢竟從我學寫程式這件事的開始到現在,很多都是從這邊獲...

2022-10-15 ‧ 由 no_ 分享