Google Map API :靜態地圖

現在許多行動的應用都有包括衛星定位的功能,
定位後必須用地圖來呈現,才能方便讓人了解狀況,
例如:西經125度、北緯40度是在哪裡,週邊又有些什麼東西

說到地圖現在首先想到的一定就是 Google Map,
不但是免費服務,又有強大的功能,
也提供了一組好用的 API 給開發者去運用

https://developers.google.com/maps/
包括各種裝置,還有幾種不同的應用:靜態地圖、街景圖、JavaScript 動態地圖等等

這邊先來介紹最簡單的靜態地圖
可以用 url 來存取圖檔

以下是 Google 的 Sample Code

http://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap
&markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318
&markers=color:red%7Ccolor:red%7Clabel:C%7C40.718217,-73.998284&sensor=false

用瀏覽器打開的話就可以看到下面這張圖檔staticmap

其實這就是由

http://maps.googleapis.com/maps/api/staticmap?

? 後面開始的一串用 & 連接的變數去 get 這張圖檔

center=Brooklyn+Bridge,New+York,NY

center:中心點 {緯度,經度} (例如 “40.714728,-73.998672″) 或地址字串 (e.g. “city hall, new york, ny")

zoom=13

zoom: 介於 0 (最小等級,整個地球在一個圖上) 到 21+ (看得到個別大樓)

size=600x300

size:寬度 pixels x 高度 pixels

maptype=roadmap

maptype:圖形的種類,道路圖 (roadmap)、衛星圖 (satellite) 等等

markers=color:blue%7Clabel:S%7C40.702147,-74.015794
markers=color:green%7Clabel:G%7C40.711614,-74.012318
markers=color:red%7Ccolor:red%7Clabel:C%7C40.718217,-73.998284

markers:有 marker styles 跟 marker location 兩個部分
markers styles:有 size, color, label 三種參數,可以設定 marker 的大小顏色標簽
markers location:跟 center 一樣可以是經緯度或是地名的字串來輸入

markers 中間的參數用 %7C 來分隔
不同的 marker 用 & 來分隔

"{", "}", "|", "\", "^", "~", "[", "]", and "`"

這幾種不安全的符號在 url 中會編碼,所以

"|" => %7C

最後

sensor=false

sensor:如果 app 有用 GPS 之類的感測器就 = true 否則 = false

https://developers.google.com/maps/documentation/staticmaps/
有更完整的詳述各種參數

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s