iT邦幫忙

google api相關文章
共有 12 則文章
鐵人賽 自我挑戰組 DAY 30
Ruby菜鳥村村民遊記 系列 第 30

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

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

鐵人賽 自我挑戰組 DAY 29
Ruby菜鳥村村民遊記 系列 第 29

技術 遊記ep.29 polylines in Google村

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

鐵人賽 自我挑戰組 DAY 28
Ruby菜鳥村村民遊記 系列 第 28

技術 遊記ep.28 Marker labels in Google村

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

鐵人賽 自我挑戰組 DAY 27
Ruby菜鳥村村民遊記 系列 第 27

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

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

鐵人賽 自我挑戰組 DAY 26
Ruby菜鳥村村民遊記 系列 第 26

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

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

鐵人賽 自我挑戰組 DAY 25
Ruby菜鳥村村民遊記 系列 第 25

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

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

鐵人賽 自我挑戰組 DAY 24
Ruby菜鳥村村民遊記 系列 第 24

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

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

鐵人賽 自我挑戰組 DAY 23
Ruby菜鳥村村民遊記 系列 第 23

技術 遊記ep.23 SecretMessage in Google村

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

鐵人賽 自我挑戰組 DAY 22
Ruby菜鳥村村民遊記 系列 第 22

技術 遊記ep.22 Click and Marker in Google村

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

鐵人賽 自我挑戰組 DAY 21
Ruby菜鳥村村民遊記 系列 第 21

技術 遊記ep.21 Event in Google村

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

鐵人賽 自我挑戰組 DAY 18
Ruby菜鳥村村民遊記 系列 第 18

技術 遊記ep.18 Geolocation! in Google村

今天因為時間關係,實在沒有辦法講得很詳細,請容我簡略帶過XD。 今天想帶來的是如何去定位你目前的位置(正確來說是你連上網路的主機的位置), 我們先來看整體的程式...

鐵人賽 自我挑戰組 DAY 17
Ruby菜鳥村村民遊記 系列 第 17

技術 遊記ep.17 Google Map Api in Google村-2 Marker

今天想繼續昨天的進度, 昨天我們把畫面留在台灣,卻覺得好像少了點什麼, 原來少了標記點~雖然是因為台灣四面環海, 所以只要讓畫面在附近,都可以以為就是指台灣,...