iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
自我挑戰組

Ruby菜鳥村村民遊記 系列

毫無疑問就是個Ruby見習村民,希望能從真新手的角度來紀錄自己學習Ruby的各種經歷。

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

遊記ep.21 Event in Google村

昨天講完地圖的種類,今天想介紹如何設定地圖的語言——在 Google 稱為 Localizing the Map <script src="ht...

2019-10-06 ‧ 由 Bunny 分享
DAY 22

遊記ep.22 Click and Marker in Google村

我們在 google map 上能隨意點擊一個座標點,前面的範例中我們都是去手動設定座標點,所以今天就配合昨天講過的事件觸發,來實際的實現這個功能: <!...

2019-10-07 ‧ 由 Bunny 分享
DAY 23

遊記ep.23 SecretMessage in Google村

今天想介紹一個很有趣的東西,讓地圖幫我們留一段訊息~我們一樣先看整段程式碼再來解析: <!DOCTYPE html> <html>...

2019-10-08 ‧ 由 Bunny 分享
DAY 24

遊記ep.24 動態改變 in Google村

今天我們將介紹如何去觸發動態改變狀態,我們先來看一下完整的程式碼: <!DOCTYPE html> <html> <head&...

2019-10-09 ‧ 由 Bunny 分享
DAY 25

遊記ep.25 Control Zoom and Pan in Google村

今天想介紹一下控制 Google Map 的幾個因素~先來看看今天的程式碼: <!DOCTYPE html> <html> <...

2019-10-10 ‧ 由 Bunny 分享
DAY 26

遊記ep.26 舞い躍る ! Marker ! in Google村

經過前幾天累積,我們已經能夠讓 marker 隨意地出現在 Google Map 上,但總覺得光出現而已好像有點滿足不了人類的視覺~如果能讓 marker 動態...

2019-10-11 ‧ 由 Bunny 分享
DAY 27

遊記ep.27 Remove / Delete Marker in Google村

昨天我們讓 marker 增添了動感不少,今天想再來多增加一些跟地圖的互動,先來看一下程式碼的部分: <!DOCTYPE html> <htm...

2019-10-12 ‧ 由 Bunny 分享
DAY 28

遊記ep.28 Marker labels in Google村

今天繼續來介紹,如何幫 Marker 做點美化~除了在 marker icon屬性設定,可以客制自己獨特的 icon 圖案: var image = 'http...

2019-10-13 ‧ 由 Bunny 分享
DAY 29

遊記ep.29 polylines in Google村

鐵人賽也就30天,居然可以生兩次病 ... Orz最近還有專案在趕,頂著38.1度也是直接請醫生幫我注射,希望能快點恢復健康的狀態,也希望大家好好保重身體,健康...

2019-10-14 ‧ 由 Bunny 分享
DAY 30

遊記ep.30 Click ! Draw ! in Google村

今天讓我們繼續介紹昨天折線的部分,上個章節我們介紹到 Marker,會不會想著如果可以把 Marker 跟 Polyline 做結合呢?那我們今天就來這麼做吧!...

2019-10-15 ‧ 由 Bunny 分享