2012-11-30

使用Google Static Maps API利用網址URL快速製作靜態地圖

Google Static Maps API是Google所提供之服務,目前不需要Google API 金鑰,只要透過URL網址,即可產生出相關的靜態地圖,使用起來只需要瞭解相關參數,便可以簡易的做出靜態地圖。



範例一:定義台北市的靜態地圖



http://maps.google.com/maps/api/staticmap?center=%E5%8F%B0%E5%8C%97%E5%B8%82&zoom=10&size=400x400&sensor=false


center:設定地圖中心點。
           (範例為台北市),也可以輸入經緯度。
zoom :設定縮放等級。
            (最低為0)
size    :圖片大小。(此參數必填)
sensor :是否有感測器(true或false)(此參數必填)

若要將圖片放置網頁中,可以參考下列程式碼,並放置<body></body>內要顯示處即可。

<body>
<img src="http://maps.google.com/maps/api/staticmap?center=%E5%8F%B0%E5%8C%97%E5%B8%82&zoom=10&size=400x400&sensor=false" />
</body>




範例二:定義台北市的實際靜態地圖 
                加上format、maptype參數。





http://maps.google.com/maps/api/staticmap?center=%E5%8F%B0%E5%8C%97%E5%B8%82&zoom=10&size=400x400&sensor=false&format=jpg&maptype=terrain

format:設定圖片格式(有jpg、jpg-baseline gif、png8及png32五種,前兩種檔案較小失真較高,後三種失真較低檔案較大)。

maptype :地圖類型(若無設定則為roadmap)
                  1.roadmap標準道路
                  2.satellite衛星圖
                  3.terrain實際立體模型
                  4.衛星道路圖混合圖片

範例三:標示台北火車站、萬華火車站




http://maps.google.com/maps/api/staticmap?zoom=12&size=400x400&sensor=false&markers=%E5%8F%B0%E5%8C%97%E7%81%AB%E8%BB%8A%E7%AB%99|%E8%90%AC%E8%8F%AF%E7%81%AB%E8%BB%8A%E7%AB%99


markers:標示地點(若為兩變數以上,則使用|隔開,例如:台北火車站|萬華火車站)


範例四:定義台北火車站到七張捷運站路線。





http://maps.google.com/maps/api/staticmap?zoom=12&size=400x400&sensor=false&path=%E5%8F%B0%E5%8C%97%E7%81%AB%E8%BB%8A%E7%AB%99|%E4%B8%83%E5%BC%B5%E6%8D%B7%E9%81%8B%E7%AB%99&markers=%E5%8F%B0%E5%8C%97%E7%81%AB%E8%BB%8A%E7%AB%99|%E4%B8%83%E5%BC%B5%E6%8D%B7%E9%81%8B%E7%AB%99

path:定義兩個或多個相鄰點的單一路徑(若為兩變數以上,則使用|隔開,例如:台北火車站|七張捷運站)。


若覺得大明介紹不能滿足您的需求或不夠詳細請參考Static Maps API 第 2 版開發人員指南。

網址:
https://developers.google.com/maps/documentation/staticmaps/?hl=zh-tw

Related Posts Plugin for WordPress, Blogger...
无觅相关文章插件,快速提升流量
友荐云推荐




沒有留言:

張貼留言