iT邦幫忙

google api相關文章
共有 13 則文章

技術 申請Google API Key教學步驟

前言 這邊當作學習的筆記xD簡陋還請見諒~要使用Google API就必須要申請他的金鑰,那我們就開始吧~ 前往Google Cloud Platform 網站...

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

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

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

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

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

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

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

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

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

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

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

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

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

技術 遊記ep.29 polylines in Google村

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

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

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

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

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

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

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

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

技術 遊記ep.21 Event in Google村

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

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

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

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

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

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

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

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

技術 遊記ep.23 SecretMessage in Google村

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

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

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

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