去年底 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目前有下列幾個參數…
圖片的中心定位點(經度,緯度),本參數不寫時,地圖繪依據標記的佈局計算中心點。
地圖縮放大小,依照 Google Maps 經驗應該是可以設成 1~18,但是各地圖資不一,所以放太大也許會沒東西喔!
本參數不填,Google 會依據標計選出最適合的地圖比例大小。
圖片大小(寬x高)
地圖格式,分為網路(roadmap)與行動裝置(mobile),Google 會依據參數產出不同格式的地圖(圖例:網路、行動裝置;注意到了嗎?Google 貼心的依據不同裝置的情況下視覺上的差異,修正了 Google Maps …果然是神啊~)。
地圖標記,可以設n個參數用法(經度,緯度,顏色文字),使用 “|” 符號做分格,可設red,green,blue三個顏色,顏色後直接英文字母(大寫),該標記就會現是英文字,否則為一般標記。
Google Maps API Key
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
不知道怎麼找到經緯度嘛?可以試試這個喔!
顯示留言
很詳細溜!推推推!(y)
讚!我好久沒去研究 Google Map 囉!
@回風落雁劍:
社長,謝謝啦!
@jerome::
哈~也沒什麼研究啦...只是剛剛好看到官網發佈...所以就就看一下...
試了一下,地圖好像不能直接進到Flash , 會得到「URLNotFound」的結果。
@yuan:
剛剛有用 flash 試了一下,發覺果然不能連到圖片...
果然出現以下錯誤:
> errorCode: URLNotFound
> httpStatus: 400
看來 Google 有做某些防護措施...
可能要用地三方程式來產生圖檔,經你這麼一說 Static Maps 用在 Flash 應該會有不錯的火花... :)
另有Maps API for Flash
@d:
是阿!有 Maps API for Flash,這要 Flash 高手才會用。
天天大大你好
想要請教一下
如果 想要在 標的點上面 在加上文字
例如說 我要再101的那個點旁邊顯示101
這樣會有辦法嘛
謝謝你
@IAN,
目前圖標僅能標是顏色以及代號(A~Z)而已喔!
嗯嗯 謝謝大大嚕
那麼 可以 在上線標記路線嘛
假如我想要標記自行車河濱的腳踏車道
有辦法嘛 還是說 只能標點而已
謝謝