iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

ML X 友廷等公車 系列

結合ptx 的Bus OpenData,Machine Learning , 和開源軟體的應用。
以 Inter Bus 的優化 , 並提升Web 的視覺&使用者體驗為目標。

鐵人鍊成 | 共 30 篇文章 | 25 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 1 : 提案

創意源自生活中的需要: 這是跟老大之前在吃飯時討論到的主題,為何討論到這呢?因為再做完畢專和上研究所期間有滿大的一段空檔,可以自行運用(閒閒沒事做的碩0生)。...

2019-09-02 ‧ 由 阿瑜 分享
DAY 2

Day 2 : Bus API Intro.

Day 2 主角 : ptx 公共運輸整合資訊流通服務平台 交通部積極發展「公共運輸整合資訊流通服務平臺」(Public Transport Data eX...

2019-09-03 ‧ 由 阿瑜 分享
DAY 3

Day 3 : 圖層變變變

Powerful Library : Leaflet Leaflet : an open-source Javascript library 說明 : 拉圖層...

2019-09-04 ‧ 由 阿瑜 分享
DAY 4

Day 4 : Marker 動起來

Marker 也可以很多樣 會介紹到如何讓預設的Marker變成自己畫的Marker,或是自己想要的圖片,還有如標題(Marker動起來)所示,分三種模式,來介...

2019-09-05 ‧ 由 阿瑜 分享
DAY 5

Day 5 : 介接API

重頭戲來囉 在 Day2 的 Bus API(link) 介紹 、Day 3 的 圖層變變變(link)、以及Day 4 的 Marker 動起來(link)後...

2019-09-06 ‧ 由 阿瑜 分享
DAY 6

Day6 : Leaflet sidebar

現在有了基本盤(Day5),讓我們再加些東西上去吧。 前情提要 路線圖 Data Source: 取得指定[路線名稱]的公路客運路線與站牌資料 站牌...

2019-09-07 ‧ 由 阿瑜 分享
DAY 7

Day7: Leaflet Button

需求碰出新滋味 老大說按鈕嵌在地圖上 感覺比較一目暸然(比起在側欄放 Radio Button),使用上比較方便。所以又去Google查關鍵字 Leaflet...

2019-09-08 ‧ 由 阿瑜 分享
DAY 8

Day 8 繪製彎彎曲曲的路線

<< 補充 >> 移除放大縮小鍵(預設地圖都有) mymap.removeControl(mymap.zoomControl);...

2019-09-09 ‧ 由 阿瑜 分享
DAY 9

Day 9 : Firebase

What is Firebase ? Firebase是Firebase,Inc。於2011年開發的移動和Web應用程序開發平台,隨後於2014年被Googl...

2019-09-10 ‧ 由 阿瑜 分享
DAY 10

Day10 : 讀取 Firebase

資料收集 架構圖 說明前一篇(Day9)有介紹 如何新增資料(動態經緯資料)進Firebase,這一篇將介紹如何依照設定的條件讀取出來。在Firebase 儲存...

2019-09-11 ‧ 由 阿瑜 分享