※ [本文轉錄自 EZsoft 看板]
作者: 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
--
作者: 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
--
All Comments