Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

UMiP推廣手冊V1

1,631 views

Published on

  • Be the first to comment

  • Be the first to like this

UMiP推廣手冊V1

  1. 1. UMiP 推廣手冊 kewang
  2. 2. 前言 (1/4) 國外的 flickr 相簿,有一個 geotagging 的功 ● 能。 也就是將一張一張的相片加上經緯度的資訊,然 ● 後放到地圖上面,網友們都可以在地圖上看到你 用 geotagging 之後的相片。
  3. 3. 前言 (2/4)
  4. 4. 前言 (3/4) 但是 flickr 內建的地圖解析度不夠高,所以在定 ● 位常常會有偏差。 台灣的一位網友 CK 做了一個 GMiF 的 Firefox ● extension ,用 Google Maps 的高解析度在 flickr 上定位。
  5. 5. 前言 (4/4)
  6. 6. 重點 (1/4) 現在台灣好像還沒有一個類似 flickr 如此結合地 ● 圖和相簿的網站。
  7. 7. 重點 (2/4) 利用目前台灣最有名的電子地圖 UrMap 。 ●
  8. 8. 重點 (3/4) 和目前愈來愈火紅的 Pixnet 網路相簿。 ●
  9. 9. 重點 (4/4) 將上述兩個網站 mashup 起來,做了一個 ● UMiP(UrMap in Pixnet) 的小程式。
  10. 10. 特色 自訂預設的敘述和經緯度 ● 自訂是否隱藏經緯度 ● 直接在地圖上按下滑鼠定位 ● 跨瀏覽器 ● 若非相簿本人,就不會出現編輯經緯度 ● 改為 microformats 的 geo 格式 ●
  11. 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. 12. 使用方法 (2/3) 圖資來源 ='urmap' ● 地圖區塊 ='map' ● 經度 =121.750265 ● 緯度 =24.750586 ● 名稱 ='kewang 的宿舍 ' ● 放大倍率 =9 ● 地圖高度 ='300px' ● 是否隱藏經緯度 =true ● 是否將焦點自動移至地圖區塊 =true ●
  13. 13. 使用方法 (3/3) 開啟相簿,在每個相簿的敘述會出現 quot; 編輯經緯 ● 度 quot; ,按下去直接利用 UrMap 定位該相簿的位 置。 開啟相簿,可以看到有設定 UMiP 的相簿,就會 ● 出現 K 形小圖,點選小圖就會看到 UMiP 移動到相 簿的所在位置。 也可以使用 Firefox 的 Operator 套件,讀取經緯 ● 度。 ( 尚未完工 )
  14. 14. TODO 加入 Google Maps ● 寫成 Firefox 的 Extension ● 希望能加入 Pixnet 官方功能 ●
  15. 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>

×