Weitere ähnliche Inhalte
Mehr von Mu Chun Wang (20)
UMiP推廣手冊V1
- 2. 前言 (1/4)
國外的 flickr 相簿,有一個 geotagging 的功
●
能。
也就是將一張一張的相片加上經緯度的資訊,然
●
後放到地圖上面,網友們都可以在地圖上看到你
用 geotagging 之後的相片。
- 4. 前言 (3/4)
但是 flickr 內建的地圖解析度不夠高,所以在定
●
位常常會有偏差。
台灣的一位網友 CK 做了一個 GMiF 的 Firefox
●
extension ,用 Google Maps 的高解析度在 flickr
上定位。
- 6. 重點 (1/4)
現在台灣好像還沒有一個類似 flickr 如此結合地
●
圖和相簿的網站。
- 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>