分類: 網路

[Google Code]Static Maps API

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

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

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


雖然 :Gmaps: 已提供崁入地圖的功能,但是使用 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

網路圖例:

行動裝置圖例:

後記:

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

tanjun

顯示留言

Share
Published by
tanjun

最新文章

2020中秋佳節快樂!

秋空明月掛,掛滿中秋意~祝您中...

4 年 ago

2020金年非您莫屬(鼠)

新的一年又來到, 祝 2020...

4 年 ago

2019諸事如意

農曆新年來到,祝新的一年朋友們...

5 年 ago

Merry Christmas 2018

叮叮噹~ 叮叮噹~ 聖誕老公公...

5 年 ago

[花博]最終幕。百合之戀

花博開幕至今,已經快兩個月了....

13 年 ago

[Taipei 101]2011 New Year’s Fireworks

為了抓住新年一開頭,那道幸福的...

13 年 ago