個人積分：147分
文章編號：3714296
個人積分：24分
文章編號：3717537
個人積分：10分
文章編號：3877583
個人積分：30分
文章編號：4016908
個人積分：10分
文章編號：4200848
先看本文的重點，軌跡相片結合google 地圖!
[本圖於01無法顯現，請轉至台灣大樹的部落格閱讀，謝謝!]
歡迎參觀!
另外everytrail 真的很好用，可惜可以自訂的部分太少，我可能還是會用gpsvisiualizer.com
個人積分：10分
文章編號：4216360
tonylee5405 wrote:
可以參觀一下台灣大樹的部落格內有範例...(恕刪)
我的教學文寫好了，本文同步刊登於台灣大樹的部落格
最近趁著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就可以了。
個人積分：95分
文章編號：4217750
個人積分：6分
文章編號：4332526
個人積分：14分
文章編號：4347697
個人積分：0分
文章編號：4349545
