去年底 Google 推出了 Chart API,讓大家可以使用網址來畫圖表,現在 Google Maps 也不惶多讓,推出靜態(圖片)式地圖 Static Maps API,讓網友們使用網址就可以畫地圖囉!

Google 的 Static Maps,如果有在使用 Google 的人應該不陌生,它會出現在一般網路搜尋及地圖搜尋中(當 javascript disable 狀態時),但是把這功能與眾多鄉民分享,我想也只有那麼有錢的 G 大神辦的到。

以下圖為例,藍色的標記是 101 大樓,綠色的標記是我最常拍攝 101 的點。


雖然 Google Maps 已提供崁入地圖的功能,但是使用 iframe 插入一個很消耗資源的網頁,是很多人在使用 Google Maps 置入自己網頁的痛,現在出了 Static Maps 功能,或許沒有直接崁入一個地圖方便,但是相當輕巧靜 Static Maps 應該會受歡迎

那…要怎麼使用 Static Maps API 呢?

使用 Static Maps API 前要先申請 Google Maps API Key,如果有了就不用再申請囉!

依據目前文件說明,Static Maps API目前有下列幾個參數…

  • center

    圖片的中心定位點(經度,緯度),本參數不寫時,地圖繪依據標記的佈局計算中心點。

  • zoom

    地圖縮放大小,依照 Google Maps 經驗應該是可以設成 1~18,但是各地圖資不一,所以放太大也許會沒東西喔!
    本參數不填,Google 會依據標計選出最適合的地圖比例大小。

  • size

    圖片大小(寬x高)

  • maptype

    地圖格式,分為網路(roadmap)與行動裝置(mobile),Google 會依據參數產出不同格式的地圖(圖例:網路行動裝置;注意到了嗎?Google 貼心的依據不同裝置的情況下視覺上的差異,修正了 Google Maps …果然是神啊~)。

  • markers

    地圖標記,可以設n個參數用法(經度,緯度,顏色文字),使用 "|" 符號做分格,可設red,green,blue三個顏色,顏色後直接英文字母(大寫),該標記就會現是英文字,否則為一般標記。

  • key

    Google Maps API Key

以下就是上圖的URL參數解析:

http://maps.google.com/staticmap?
center=
&zoom=14
&size=500x400
&maptype=roadmap
&markers=
25.03345693906047,121.56445026397705,blue
|
25.03345693906047, 121.53355121612549,green
|
25.032970889180913,121.55951499938965,green
|
25.03849230249491, 121.55818462371826,green
&key=你的API Key

網路圖例:

行動裝置圖例:

後記:

不知道怎麼找到經緯度嘛?可以試試這個喔!

arrow
arrow
    全站熱搜

    kevin0523 發表在 痞客邦 留言(0) 人氣()