[自創] UMiP - 結合UrMap以及Pixnet的網路相簿 …
※ [本文轉錄自 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 =
"" rel="nofollow">http://www.urmap.com/SearchEngine/api/getapi.jsp?v=1&key=1172405073492">
</script>
<script type = "text/javascript" language = "javascript" src =
"" rel="nofollow">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)
推
03/11 00:23,
03/11 00:23
推
03/11 00:30, , 1F
03/11 00:30, 1F
→
03/11 00:41, , 2F
03/11 00:41, 2F
→
03/11 00:57, , 3F
03/11 00:57, 3F
→
03/11 00:57, , 4F
03/11 00:57, 4F
→
03/11 09:57, , 5F
03/11 09:57, 5F
推
03/11 23:59, , 6F
03/11 23:59, 6F