[自製] UrKML / UrGPX照片軌跡整合線上地圖的小工具

[自製] UrKML / UrGPX照片軌跡整合線上地圖的小工具
將軌跡與地圖結合一直是我們玩GPS少不了要做的事,
無論是Google Earth或Yahoo Maps/flickr相簿,在台灣本地的資料一直相對缺乏,
至於Garmin Mapsource雖然好用,卻難以與朋友即時做資訊分享。
自從UrMap API釋出之後,提供了一個還算是不錯的選擇,
可以讓我們自由的在網頁甚至部落格分享容易查詢的各種景點資訊,
不過要自己編修各種生硬的語法,對一般使用者終究不是那麼容易接受。
如果能有個工具可以很快速的完成這些步驟就方便多了,
想來想去,決定自己查閱一些基本的程式設計入門資料來完成這件事。
幾天後,UrGPX就這樣誕生了。
(不過就在這同時Google Maps也聽到了大家的心聲,開始加上台灣圖資....)
BabyWolf 2007/04/26

--------------------------------------------------------------------------------------------------------

此版本可搭配其他軟體完成照片軌跡與線上地圖之整合,請詳閱新版說明文件後使用之。
UrKML 0.10說明文件主頁
[範例]以Friendly.Flickr V2.1.2.3配合flickr相簿整合線上地圖的前置作業
[範例]以TimeMachineX R12配合Picasa相簿整合線上地圖
[範例] 如何在Blogger使用UrMap/Google Maps API(較複雜)
[範例] 如何在Blogger使用UrMap/Google Maps API(較簡單但須配合網頁空間)

UrKML 0.10 For UrMap/Google Maps:(2007/06/30更新)
附加壓縮檔: 200707/mobile01-9ca7890412885726180dce9f94756af6.zip

UrGPX 0.40 For UrMap/Google Maps:(2007/06/30更新)
附加壓縮檔: 200707/mobile01-441e8ed60597c49753b75d31ebcb726e.zip

1. 可直接讀取KML檔案。(若有中文內容仍需先以記事本轉碼)
2. 改用全div標籤排版而不混用table標籤排版,以解決在FireFox中清單過長時無法自動出現捲軸,以及在部落格用原始碼張貼地圖或用iframe語法張貼地圖時排版過於繁瑣的問題。
3. 宣告Google Maps網頁檔訊息視窗底色為白色,以解決透明區域造成雜色線條的問題。
4. 宣告UrMap網頁檔編碼為Big5,以修正用iframe張貼地圖時中文亂碼的問題。
5. 修正航點名稱欄位有單引號「'」時造成javascript程式碼執行錯誤的問題。
6. 處理描述欄位CDATA標籤問題,以增進對Google Earth、自建地標格式轉換系統之相容性。
7. 處理斷行問題,以增進對GPS TrackMaker、PoiEdit之相容性。
8. 處理邊界問題,以增進對TimeMachineX、G-Tool、GPS Utility、JetPhoto Studio、PoiEdit、自建地標格式轉換系統之相容性。
9. 高度資訊改為僅取至整數而無小數值。

---------------------------------------------------------------------------------------------------
UrGPX 0.30版:(2007/05/24更新)
1. 修正為較精簡有效率,且容易自訂修改之HTML原始碼。
2. 將「航點清單」、「航跡清單」標題固定,不隨IE捲軸移動。
3. 增加讀取各航點及航跡起終點經緯度、高度、時間之功能。
4. 航跡清單改為mouseover時顯示起點訊息視窗,click時顯示終點訊息視窗。
5. 取消輸入目的HTML檔名步驟,自動產生來源GPX檔相對應之檔名。
6. 「GPX檔支援邊界資訊」時,取消確認步驟,自動套用程式計算地圖顯示層級之功能。
7. 增加利用修改設定檔自訂地圖型態、所在時區、訊息視窗大小、訊息視窗內容之功能。
8. 增加自動播放航點資訊/照片(SlideShow)之功能(建議以IE播放較為流暢)。
---------------------------------------------------------------------------------------------------
UrGPX 0.20版:(2007/05/07更新)
1. 增加航點清單於地圖右側,其mouseover時變換圖示,click時顯示description,mouseout時圖示還原。
2. 增加航跡清單於地圖右側,其mouseover時地圖中心移到起點,click時顯示description,mouseout時地圖中心移到終點。
3. 增加「GPX檔支援邊界資訊」時,可由程式計算地圖顯示層級之功能。
4. 增加自訂UrMap訊息視窗大小之功能(因其尚未如Google Maps支援自動視內容放大)。
5. Google Maps圖示被mouseover時變換圖示,亦如同UrMap用小型標籤顯示name而非出現訊息視窗。
6. 地圖尺寸改用百分比設定而非畫素設定。
7. 航點及航跡起終點使用GoogleEarth網站提供之圖示。
8. 加入檢查取代機制,處理航點的description欄位,因某些軟體轉KML/KMZ為GPX時,其HTML語法的「<」及「>」被轉為「& lt;」及「& gt;」,導致轉API後訊息視窗無法直接顯示包括相片等連結的相關問題。
9. 加入檢查取代機制,處理航點的description欄位,因某些軟體製作KML/KMZ時使用單引號「'」於HTML語法,造成轉API後javascript程式碼錯誤的問題。
------------------------------------------------------------------------------------------------------
UrGPX 0.11版:(2007/05/01更新)
1. 修正「Waypoint無description」時無法正確轉檔的問題。
2. 修正「GPX無邊界且檔案內有多個Track」時重複提問地圖顯示層級的問題。
3. Google Maps小型縮放列改為完整縮放列。
4. Waypoint訊息視窗統一為「mouseover出現name,click出現description」,以解決UrMap的mouseover訊息視窗寬度限制過小不適合連結相片的問題。
-------------------------------------------------------------------------------------------------
UrGPX 0.10版:(2007/04/26)
For UrMap:
For Google Maps:(2007/04/28更新)
BabyWolftw wrote:
幾天後,UrGPX就這樣誕生了。
(不過就在這同時GoogleMaps也聽到了大家的心聲,開始加上台灣圖資....)


順道一提,除了UrMap API以外,Google Maps也有API,
雖然My Maps已經蠻好用了,不過API可以整合在自己的網頁甚至部落格更增實用價值。

那有沒有辦法像上述的方式快速產生Google Maps API網頁檔呢?
當然是有的,因為他們兩者的語法相當接近,很容易就轉移過去了。
所以我也是有做UrGPX for Google Maps,做出來的結果大概就像這樣:


不過目前Google Maps API台灣部分的圖資並還沒有跟Google Maps同步更新,
所以秀出來的圖還是白白的一片,所以這部分的功能我就先保留,
等台灣圖資更新完成之後,再一起改版釋出吧。
BabyWolftw wrote:
順道一提,除了UrM...(恕刪)


因應Google Maps API已更新台灣圖資,
增加轉換GPX -> Google Maps API網頁檔功能。





不過其實這東西國外網站已經有人做了,
而且做的還比我漂亮很多。
GPS Visualizer

但他對GPX檔的中文內容支援有點問題,無論UTF-8或ANSI都會變亂碼,
而且不能直接處理Garmin Mapsource做出來的航點,
要手動把每個航點(不是航跡點)的<time>.....</time>刪除,
否則第二個航點以後會全部消失。

他做好的網頁並不是永久保存,
而且他除了Google Maps API還有有用到一些其他javascript的技巧,
所以要修改他的原始碼到自己網頁用,對我們一般使用者來說會比較複雜一點。

大家參考一下吧。
jaufred wrote:
真是滿實用的我已經試...(恕刪)


很高興你喜歡這個工具,看你的地圖以終點為中心點應該是Wintec軟體紀錄的吧,
allai已經有回信給我說他的下一版G-Tool/TimeMachineX會增加支援邊界資訊,
到時候你的軌跡也能跟我的一樣直接把軌跡的中心點對準地圖中央了。

另外昨天才發現這版UrGPX還有個小Bug,
就是「GPX無邊界資訊」且「同一GPX檔內有多條Track」時,
會導致每條航跡轉出來時都問你一次地圖要多大(會以最後一次為準),
真是不好意思讓大家可能要多按好幾下無用的資訊輸入。
用過之後覺得蠻不錯的!!!
之前用Flickr都沒有路徑的顯示,這剛好可以補足
謝謝!
BabyWolftw wrote:
目前已釋出的0.11版對於照片支援還有困難,
不過還在我這裡測試的新版已經可以大致可以運作了。
做出來大概像這樣:

http://babywolf.myweb.hinet.net/Suao-mymaps-U.html

http://babywolf.myweb.hinet.net/Suao-mymaps-G.html


等我增加完新功能,處理好一些配套的細節後釋出,
可以KML - > GPX -> UrMap / Google Maps API,
到時候就很容易的把軌跡和照片搬上UrMap / Google Maps了。
(恕刪)


謝謝BabyWolftw提供這麼好用的工具.
請問對於照片支援的下一個版本大概何時會出來?

我目前用手工撰寫html檔,有點辛苦.
請參考: http://tomwang.com/map.html
利用0.11版已經可以將軌跡快速匯入.如果再有照片支援的版本,那就太美妙了!
tom2531 wrote:
謝謝BabyWolf...(恕刪)


謝謝回應,除了令人懷念的土耳其外,
你還去過好多我想去旅遊的地方唷。

這一兩個禮拜就會出來吧,其實目前進度已經可以放進做好KML再轉回來的照片了,
只是還有些事情要配套,例如超連結要怎麼從電腦檔案修改到相簿比較方便等等。
而且我想一次做多一點功能一起改版,大家比較不用一在忙著下載。

目前的進度的是可以配合網友天秤的Friendly.Flickr,先用他上傳相簿時順便做出KML,
他的KML裡直接就有相簿連結了,然後用OziExplorer把KML->GPX,
這樣的GPX用我目前的測試版本就可以直接做出有相片的API地圖網頁檔。

我也在計畫直接KML->API網頁檔,
不過KML的檔案格式比較不像GPX那麼整齊,
所以對沒真正寫過多少程式的我比較複雜點。

如果你覺得上面的方法不算太麻煩,或者想手動修改相片超連結就好,
也可以把email傳站內訊息給我,我先寄目前的版本給你用,
不然就等看看這一兩週我的進度如何囉。
我的需求比較簡單,因為我有自己架相片網頁.
所以google maps api要用的相片都會先放在網頁.
所以我比較需要的應該是像:TimeMachineX 中"照片整合Google Earth"的功能.
定義:點與相片位置,相片描述,然後產生html.

我不急,等我六月初,帶著D200 + WBT-201 從土耳其東部回來才會用到.
等到你下個版本的分享.
請問一下,那我如果搭配WBT-201記錄了航點,是不是可以轉成GPX之後用大大你的程式產生HTML
然後還可以再HTML裡面看到我紀錄的航點,譬如你上方的圖片中的那個點,然後有標示著註解的字


還有我也很期待可以將Google MAP API來結合相片,就像是Google Earth那樣
這樣就不必一定要人家裝Google Earth了 期待大大的新作品喔
在做自己有興趣的事時,一切煩惱都忘記了,只會想著怎麼做好它
關閉廣告
文章分享
評分
評分
複製連結
請輸入您要前往的頁數(1 ~ 8)

今日熱門文章 網友點擊推薦!