網頁

2009/1/14

在google maps上連接航點(waypoint)畫成路徑(path)

目標:向google maps要求一張圖片,並且在圖上標示若干個點,也可以把這些點依序連成一條折線。

先備工具:會使用html、到gmaps去申請一個自己網站的key、會找經緯度。

額外工具:gps(可產生自動幫你把航點記下來的gpx檔)

Todo:語法如下
<img src=http://maps.google.com/staticmap?size=640x640&zoom=17&maptype=mobile&key=GMAPS_API_KEY&sensor=false&path=rgb:0x0000ff,weight:5|25.014918,121.467161|25.013537,121.464366|25.01624,121.463406|25.012837,121.462526&markers=25.012837,121.462526,midgreens|25.014918,121.467161,midrede>

以下參數說明都取自於Static Maps API Developer's Guide

size:640x640像素以下

zoom:範圍0(全球)~19(小範圍)

maptype:roadmap(交通圖)、satellite(空照圖)、mobile(導航圖)、hybrid(複合圖)、terrain(地形圖)

key:Sign Up for the Google Maps API拿到的key

sensor:接gps時設true,否則就設false

path:路徑,線的顏色用rgb:0x0000ff表示,粗細用weight:5表示(調整冒號後的數字),經過的點依序標上,並用pipe(|)隔開每組座標。最多100點。

markers:地標說明,一樣用經緯度標示座標,mid-green-s分別表示標示牌的尺寸、顏色與牌上的字。最多可以有50個標示牌。

0120補充:今天發現,整個url都大有問題,太長就會無法顯示圖片。不是100個waypoint加50個mark這麼好用,事實上,我試用了61個waypoint加13個航點就掛啦!看來還要再好好研究研究。


上例的圖片如下:

沒有留言: