作者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)
推 pigyhome:推推推推推!!!!! (K) 03/11 00:23
※ kewang:轉錄至看板 Blog 03/11 00:25
推 NintendoGC:反了, CK 的 GMiF 是在 Flickr 推出 Geotagging 前 03/11 00:28
推 pentwo:不支援IE 6.0, 7.0有種爽快的感覺 03/11 00:30
推 kewang:原來如此 我會再把這一段做一下求證 03/11 00:32
→ kewang:因為IE.......... 實在很難搞 囧rz 等待有心人幫忙 03/11 00:34
推 kewang:有問題可以隨時在這邊推文 或在blog回應 03/11 00:41
※ kewang:轉錄至看板 share 03/11 00:44
推 kewang:大家看那個影片最後一直在那邊等,是因為urmap那時候有問題 03/11 00:56
→ kewang:可以看我的參考資料 有之前0.000000001版的demo 03/11 00:56