[攝影]鼠年春節隨拍。旗山外婆家 [Taipei101]春到福正。月兒依人
2 月 24

[Google Code]Static Maps API

去年底 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

網路圖例:

行動裝置圖例:

後記:

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

標籤:, , ,

工坊史上的今天:

目前有 5 回應 to “[Google Code]Static Maps API”

  1. 回風落雁劍 回應到:

    很詳細溜!推推推!(y)

  2. jerome 回應到:

    讚!我好久沒去研究 Google Map 囉!

  3. Tanjun 回應到:

    @回風落雁劍:
    社長,謝謝啦!

    @jerome::
    哈~也沒什麼研究啦…只是剛剛好看到官網發佈…所以就就看一下…

  4. yuan 回應到:

    試了一下,地圖好像不能直接進到Flash , 會得到「URLNotFound」的結果。

  5. Tanjun 回應到:

    @yuan:
    剛剛有用 flash 試了一下,發覺果然不能連到圖片…
    果然出現以下錯誤:
    > errorCode: URLNotFound
    > httpStatus: 400
    看來 Google 有做某些防護措施…
    可能要用地三方程式來產生圖檔,經你這麼一說 Static Maps 用在 Flash 應該會有不錯的火花… :)

留下回應:

您現在瀏覽回應的網站是 :天天工坊‧Blog: