作者kewang ()
看板EZsoft
標題[自創] UMiP - 結合UrMap以及Pixnet的網路相簿地圖
時間Sun Mar 11 00:19:17 2007
影片版
http://blog.pixnet.net/kewang/post/3209558
前言：
大家知道Flickr相簿有一個功能，就是可以把自己的相片放到網路地圖上面，讓網友們可
以看到自己的相片是在哪一個地方拍的，台灣的一位網友CK看到了這個功能，就用
Google Maps加上Flickr在Firefox上實作了一個叫做GMiF的套件。
我看到了這篇文章的介紹之後，就想要自己也來寫寫看，因為UrMap已經開放他們的API，
讓大家都可以使用他們的API來自己做一個電子地圖，然後我本身也很愛用Pixnet，就來
寫一個類似GMiF的功能，不過現在跟GMiF是有一點小落差啦。
使用方法：
1. 請先在管理介面 -> 相簿管理 ->「自訂區塊」裡面，插入下面的程式碼，之後儲存設
定。
<!--這一段是UMiP的程式開頭-->
<div id="urmap"></div>
<!--請大家去UrMap申請授權碼，這樣才能合法使用UrMap-->
<script type = "text/javascript" language = "javascript" src =
"http://www.urmap.com/SearchEngine/api/getapi.jsp?v=1&key=1172405073492">
</script>
<script type = "text/javascript" language = "javascript" src =
"http://dspic.niu.edu.tw/~kewang/pixnet/widget/umip.js"></script>
<script type = "text/javascript" language = "javascript">
//地圖, 緯度, 經度, 名稱, 放大倍率, 地圖高度, 是否隱藏經緯度
initUMiP("urmap", 24.750586, 121.750265, "kewang的宿舍", 9, "300px", true);
</script>
<!--這一段是UMiP的程式結束-->
2. 之後，在管理相簿裡面，每個相簿的「設定」選項中，填入「相簿標題」、「相簿敘
述」、「相簿封面」
相簿標題：會出現在地圖上的標題
相簿敘述：請先上UrMap，輸入該相簿的位置，在該標地上點右鍵，取得經緯度，之後填
入相簿中
填入格式[ 經120.16230543670922緯23.06361406235532 ] 數字部份，是查詢到的經緯度
。
相簿封面：出現在地圖上的縮圖
3. 回到相簿首頁，可以看到，有設定的相簿，會出現一個K形小圖，點選小圖後，就會看
到UMiP移動到所在位置囉！
備註：目前本程式，僅支援Firefox、Opera、Safari瀏覽器，不支援IE 6.0, 7.0
特別感謝Pigy幫我寫了這個教學還有一些idea，尤其是那個icon真是太讚了
參考資料：
UMiP - UrMap和Pixnet的結合
--
雜七雜八的kewang部落格
http://kewang.pixnet.net
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 218.160.78.125
※ 編輯: kewang 來自: 218.160.78.125 (03/11 00:20)
1F：推 pigyhome:推推推推推！！！！！ (K) 03/11 00:23
※ kewang:轉錄至看板 Blog 03/11 00:25
2F：推 NintendoGC:反了, CK 的 GMiF 是在 Flickr 推出 Geotagging 前 03/11 00:28
3F：推 pentwo:不支援IE 6.0, 7.0有種爽快的感覺 03/11 00:30
4F：推 kewang:原來如此 我會再把這一段做一下求證 03/11 00:32
5F：→ kewang:因為IE.......... 實在很難搞 囧rz 等待有心人幫忙 03/11 00:34
6F：推 kewang:有問題可以隨時在這邊推文 或在blog回應 03/11 00:41
※ kewang:轉錄至看板 share 03/11 00:44
7F：推 kewang:大家看那個影片最後一直在那邊等，是因為urmap那時候有問題 03/11 00:56
8F：→ kewang:可以看我的參考資料 有之前0.000000001版的demo 03/11 00:56