最近趁著WBT-201 藍芽GPS要出新版 Time Machine軟體之際，有網友提到希望能在自己的部落格(blog)能夠放入整合GPS軌跡、照片的Google 地圖 (map、maps)，在此我就寫一篇Gpsvisualizer教學文，希望對大家有幫助。
首先拿火車之行(板橋=>台中)一文做為範例，來和大家分享如何做出這張圖：
[本地圖mobile01無法顯示，煩請轉至台灣大樹的部落格閱讀]
準備器材：已經geotagged(標上地理標籤)的照片檔 (並上傳到可以外連的相簿如flickr、picasa、twango、zooomr等，大家可以參考相片分享、圖片寄存一文)與 GPS 軌跡紀錄器(例如 wintec WBT-201 或 SONY GPS-CS1 或 鼎天隨身型 GPS Data Logger)所導出的GPX格式軌跡log。
- 輸入圖片寬度(Width)、高度(Height)、地圖種類(hybrid--衛星地圖、Street map--地圖、Satellite--衛星)
- File #1上傳GPS軌跡檔、最後一行選擇Waypoints、中間要貼的資料容後說明，最後按下Draw the map就可以出現整合GPS軌跡和照片的Google 地圖。
- 按下結果網頁中的"it's also temporarily available via this link."開啟新網頁得到單純顯示Google地圖的網頁，將html另存新檔。
- 將剛才存下來的html檔修改google maps api key (請參考Google Maps API 實作範例一文)，並且修改照片名稱成為中文檔名，並用notepad另存為UTF8格式，上傳到自己的ftp空間。
- 在自己的部落格用iframe語法引用google地圖，就大功告成啦！
最後和大家解釋一下中間這格資料，這是gpsvisualizer的菁華，它提供每張照片的經緯度和鏈接，有很多選項可以做調整，詳情請看說明檔。
大家可以下載這個範例excel檔，大家只要先做出這個檔案，直接在excel內全選，貼上中間那一欄就可以了，接下來我來一欄一欄說明他的涵義：
- name：照片名稱，如：DSC02035(需要英、數檔名，不能用中文檔名)
- url：相片原圖所存網址，如：http://www.twango.com/media/mslee.trainBC2TC/mslee.10824
- lat：緯度，如：24簞 59' 19.8" N
- lon：經度，如：121簞 18' 45.2" E
- thumbnail：縮圖(建議100*100 pixel)，如：http://media.twango.com/m1/roundedthumbnail/0102/45f70e04870a40fb8eb01bd198f22f29.jpg
- symbol：地圖上的小符號，大家可以用預設的 camera 或是我自製的 http://media.twango.com/m1/original/0089/ee7fafbdf5f3411386287369147ab765.jpg
在進入圖片目錄後，選擇 Tools=> Exprrt EXIF Info，就可以儲存檔案的經緯度變成csv檔了，再以此檔為基礎，加上url、thumbnail和symbol就可以了。
