1. UMiP 推廣手冊
kewang

2. 前言 (1/4)
國外的 flickr 相簿，有一個 geotagging 的功
●
能。
也就是將一張一張的相片加上經緯度的資訊，然
●
後放到地圖上面，網友們都可以在地圖上看到你
用 geotagging 之後的相片。

3. 前言 (2/4)

4. 前言 (3/4)
但是 flickr 內建的地圖解析度不夠高，所以在定
●
位常常會有偏差。
台灣的一位網友 CK 做了一個 GMiF 的 Firefox
●
extension ，用 Google Maps 的高解析度在 flickr
上定位。

5. 前言 (4/4)

6. 重點 (1/4)
現在台灣好像還沒有一個類似 flickr 如此結合地
●
圖和相簿的網站。

7. 重點 (2/4)
利用目前台灣最有名的電子地圖 UrMap 。
●

8. 重點 (3/4)
和目前愈來愈火紅的 Pixnet 網路相簿。
●

9. 重點 (4/4)
將上述兩個網站 mashup 起來，做了一個
●
UMiP(UrMap in Pixnet) 的小程式。

10. 特色
自訂預設的敘述和經緯度
●
自訂是否隱藏經緯度
●
直接在地圖上按下滑鼠定位
●
跨瀏覽器
●
若非相簿本人，就不會出現編輯經緯度
●
改為 microformats 的 geo 格式
●

11. 使用方法 (1/3)
請先在管理介面 -> 相簿管理 -> 「自訂區塊」裡面，插
●
入下面的程式碼，之後儲存設定。
<!-- 這一段是 UMiP 的程式開頭 -->
<!-- 請大家去 UrMap 申請授權碼，這樣才能合法使用 UrMap-->
<!-- 申請方法請看： http://blog.pixnet.net/kewang/post/2942661-->
<div id=quot;showpointquot;></div>
<div id=quot;mapquot;></div>
<script type = quot;text/javascriptquot; language = quot;javascriptquot; src =
quot;http://www.urmap.com/SearchEngine/api/getapi.jsp?v=1&key=foobarquot;></script>
<script type = quot;text/javascriptquot; language = quot;javascriptquot; src =
quot;http://dspic.niu.edu.tw/~kewang/pixnet/widget/umip.jsquot;></script>
<script type = quot;text/javascriptquot; language = quot;javascriptquot;>
// 圖資來源 , 地圖區塊 , 經度 , 緯度 , 名稱 , 放大倍率 , 地圖高度 , 是否隱藏經緯度 , 是否將焦點自動移至地圖
區塊
initUMiP('urmap', 'map', 121.750265, 24.750586, 'kewang 的宿舍 ', 9, '300px', true, true);
</script>
<!-- 這一段是 UMiP 的程式結束 -->

12. 使用方法 (2/3)
圖資來源 ='urmap'
●
地圖區塊 ='map'
●
經度 =121.750265
●
緯度 =24.750586
●
名稱 ='kewang 的宿舍 '
●
放大倍率 =9
●
地圖高度 ='300px'
●
是否隱藏經緯度 =true
●
是否將焦點自動移至地圖區塊 =true
●

13. 使用方法 (3/3)
開啟相簿，在每個相簿的敘述會出現 quot; 編輯經緯
●
度 quot; ，按下去直接利用 UrMap 定位該相簿的位
置。
開啟相簿，可以看到有設定 UMiP 的相簿，就會
●
出現 K 形小圖，點選小圖就會看到 UMiP 移動到相
簿的所在位置。
也可以使用 Firefox 的 Operator 套件，讀取經緯
●
度。 ( 尚未完工 )

14. TODO
加入 Google Maps
●
寫成 Firefox 的 Extension
●
希望能加入 Pixnet 官方功能
●

15. 串聯
<a
●
href=quot;http://blog.pixnet.net/kewang/category
/282184quot;><img
src=quot;http://p0.p.pixnet.net/albums/userpics/0
/6/27206/1177327168.pngquot; style=quot;border:
0pxquot;/></a>