« 畢業典禮
Taiwan Blogger Map »

WordKit ─ 在地圖上標出你的所在位置

西元 2004 年 6 月 7 日 早上 8 點 30 分






WorldKit 是由 Mikel Maron 寫的軟體，這是一個地圖視覺化的 flash，依照你給定的經緯度 (譬如你家的經緯度)，準確地標示在地圖上 (預設是全球地圖)。當滑鼠移到標示點上頭時，還可以顯示註解。這個標示點也是一個超連結，點選後可以連到設定的網址。它已經被用在很多用途上…

應用實例
目前網路有許多 WorldKit 應用的例子，光是 WorldKit 網站列出的就有以下幾種：

安裝與測試
整個 WorldKit，到 WorldKit 的網站 下載 WorldKit 壓縮檔，解開後有以下幾個檔案：

  • worldkit.swf：Flash 檔。
  • config.xml：設定檔。
  • day.jpg/night.jpg：預設的地圖，這是一個全球地圖。
  • rss.xml：標示點的資料檔，所有要標示的點的資料都儲存在這裡。
  • index.html：範例網頁，顯示 WorldKit 的 flash。
  • manual：完整的說明手冊 (HTML 型式)。

把解開的檔案上傳到你的 web server 的某一個目錄下，譬如我是放在 geo/ 目錄下，然後用你的瀏覽器瀏覽這個目錄的 index.html。你可以試試我的 WorldKit，出現的地圖會依照目前時間顯示白天和晚上區塊，只有台灣南部有一個標示點，這是我的所在位置 (電機系館)。游標移上去會有說明，點選它可以連到我的 blog。

加入你的位置
接下來要做的，就是把你的位置加到同目錄下的 rss.xml。rss.xml 是一個 XML 文件 (廢話)，每一筆資料會包含在一個 <item> element 裡，裡面會包含幾個 element：

  • <title>：滑鼠移上去時出現的文字。
  • <link>：滑鼠點選時會連結過去的 URL。
  • <description>：詳細說明，最好不要太長，會破壞顯示時的效果。
  • <icbm:latitude>：緯度。正值為北緯，負值則是南緯。
  • <icbm:longitude>：經度。正值為東經，負值為西經。
  • <photo:thumbnail>：顯示的圖片。裡面包含的是圖片的路徑，可以是相對，也可以是一個 URL。如果你要顯示圖片，顯示的圖片會取代原本的貼紙，貼紙不會出現。要使用顯示圖片，請再次確認 rss.xml 第二行要為「<rss version=”2.0″ xmlns:icbm=”http://postneo.com/icbm/” xmlns:photo=”http://pheed.com/pheed/”>」，WorldKit 的 .zip 裡的 rss.xml 少了粗體字部分。

至於如何取得你所在的經緯度呢？我是用研勤科技的 PaPaGo 5! 找出我的經緯度位置，PaPaGo 視窗右下角會隨著你滑鼠移到的地理位置，顯示位置的經緯度，E 是代表東經，N 則是代表北緯。如果你有 GPS 接收器的話，可以用 GPS 自動幫你定位，取得最精確的經緯度。以下是我的位置：


<item>
<title>Shih-Hsien's BLOG</title>
<link>http://sanwangx.brain-c.com/</link>
<description>Shih-Hsien Wang 的學校位置 (電機系館)</description>
<icbm :latitude>22.996525</icbm>
<icbm :longitude>120.222489</icbm>
<dc :subject>developers</dc>
</item>

你可以把上面這段文字加到你的 rss.xml 的 <channel element> 中間，你的地圖就會標出我的位置了。 :)

把全球地圖改成台灣地圖
你注意到了嗎，大家的位置應該都在台灣，所以顯示全球地圖可能會不適合，可以換成台灣地圖嗎？當然可以，但是你要確定這張台灣地圖圖片的最上邊、最下邊、最左邊和最右邊的經緯度，把這四個值設定在 config.xml 裡，這樣 WorldKit 才能幫你轉換經緯度，正確的顯示在台灣的圖上。有誰能提供可用的台灣地圖，並且知道上下左右邊緣的經緯度？有的話請提供給我，謝謝。

進階設定
藉由修改 config.xml，你可以有更多種不同的變化。譬如你可以把資料來源改為另外一個檔案，把連結開到新視窗或同一個視窗 (預設是開到新視窗)，標示點和文字方框出現的速率，標示點一開始和 60 秒後的顏色等…。完整詳細的說明請見這裡。

在自己 blog 的 RSS 裡放入你的經緯度
這有什麼用途？如同前面所舉的範例中，Feedster 如果找到你的 blog，它可以從你的 RSS 裡取出經緯度，然後顯示在全球地圖上，別人就可以得知你這位 blogger 在台灣。雖然我測試時，Feedster 似乎出了一些問題，並沒辦法正常顯示。那我們如何在自己的 RSS 中加入自己的經緯度？最簡單的方法當然是直接修改產生 RSS 的範本，把經緯度寫死在裡面。如果你和我一樣是用 WordPress 的話，WP 的 Options 的 Miscellaneous 裡，可以填寫你的經緯度。然後依照這個做法，把你的經緯度輸出到 RSS 裡。

以上，這些就是我簡短的使用 WorldKit 後的筆記。再重述一次，如果你有適合的台灣地圖 (當然要夠大)，請傳給我，謝謝。







文章張貼時間： 西元 2004 年 6 月 7 日 早上 8 點 30 分， 文章類別：Computer。 你可以 追蹤 文章的迴響 (RSS 2.0)。 寫文章希望與大家分享經驗，歡迎大家可以多多 留言 回饋，引用 文章也是歡迎喔。

19 則留言 ＠ “WordKit ─ 在地圖上標出你的所在位置”

頁數： « 1 [2]

  1. MyAvatars 0.2 MyBlogLog
    Gravatar

    (這是什麼？)

    rainlan 說：
    西元 2004 年 11 月 25 日 at 1:58 pm

    我改了650與700，
    結果還是一樣說！！
    仍然圖片被切掉，只不過是圖片變拉長！

  2. MyAvatars 0.2 MyBlogLog
    Gravatar

    (這是什麼？)

    rainlan 說：
    西元 2004 年 11 月 26 日 at 9:48 am

    可以了…
    除了config.xml要修改長寬之外，
    index.html檔，也要修改FLASH的長與寬

  3. MyAvatars 0.2 MyBlogLog
    Gravatar

    (這是什麼？)

    San Wang 說：
    西元 2004 年 11 月 28 日 at 2:24 pm

    To rainlan：
    唔，對呀，HTML 裡也有長和寬得修改，都已經忘了。 :)

  4. MyAvatars 0.2 MyBlogLog
    Gravatar

    (這是什麼？)

    loveny152 說：
    西元 2005 年 1 月 12 日 at 10:18 pm

    這裏有台灣地圖資料庫,不知道是否可用?請參照:http://placesearch.moi.gov.tw/

  5. MyAvatars 0.2 MyBlogLog
    Gravatar

    (這是什麼？)

    San Wang 說：
    西元 2005 年 1 月 13 日 at 4:20 pm

    To loveny152：
    感覺和我們目前所用的台灣地圖相類似，最重要的是沒有標整張地圖的上下左右邊界的經緯度。 @@a

  6. MyAvatars 0.2 MyBlogLog
    Gravatar

    (這是什麼？)

    Mark 說：
    西元 2005 年 3 月 20 日 at 6:39 am

    嗨 rainlan 下次要知道經緯度的時候 可以到這個網站試試看
    只要輸入地址 就會給你經緯度和地圖喔
    如果是台北市的地址的話 還會有空照圖喔
    http://markchiang.no-ip.com/map/query.aspx

  7. MyAvatars 0.2 MyBlogLog
    Gravatar

    (這是什麼？)

    UNO 說：
    西元 2005 年 11 月 3 日 at 10:28 pm

    經建版的台灣地圖是以（14°N，73°E）為原點，台灣全圖的話可能要找10萬分之一的會比較好。

  8. MyAvatars 0.2 MyBlogLog
    Gravatar

    (這是什麼？)

    UNO 說：
    西元 2006 年 3 月 11 日 at 4:48 am

    To rainlan
    我雖然沒有用過PAPAGO，不過根據我之前玩GPS的小小經驗，反應慢應該是接收衛星的問題。要等到四顆衛星都顯示之後（詳細原因參考GPS定位的理論囉），才能顯示經緯度。
    至於數值不同，你要不要試試看把度分秒換算一下呢？也就是把秒除以六十，分也除以六十，全部換成「度」這個單位。
    不好意思，我正好在學習這些東西， 所以就試著回答看看，有錯誤的話還請見諒。

  9. MyAvatars 0.2 MyBlogLog
    Gravatar

    (這是什麼？)

    12 說：
    西元 2006 年 4 月 13 日 at 10:24 am

    分除以六十，秒也除以六十就成度，那分跟秒豈不相等了？

  10. MyAvatars 0.2 MyBlogLog
    Gravatar

    (這是什麼？)

    San Wang 說：
    西元 2006 年 4 月 23 日 at 4:54 pm

    To 12：
    UNO 的意思是秒要除以 60 * 60 轉換成度的單位，至次分要除以 60 轉換成度的單位。 :p

頁數： « 1 [2]

留個言吧！