關於 Flickr Map 內嵌於網頁上 - Flickr

※ 引述《silence226 (賽勒斯)》之銘言：
: 因為自己有架設網路相簿了
: 所以Flickr 一直都是免費帳號
: 最近用「轉移」方式拿到 pro 資格
: 玩了一下 Flickr 感覺不錯，
: 但問題來了，可否將 Flickr Map 內嵌於網頁上呢？
: 且上面有自己的 flickr 照片
: 有點像是 Google Map 那樣
: (因為本身用 wordpress 當 blog, 有 google map plugin可供使用）
: 感謝

推 vicjuan:http://vicjuan.org/archives/2007/05/05/417 09/12 23:17
→ vicjuan:把我的經驗分享一下 不知道有沒有符合你的需求 09/12 23:17
推 silence226:感謝！這是偶想要的 :> 09/13 00:59
推 rayfen:我一開啟就會出現　 http://sep16d.imghost.us/UGbq.jpg 09/17 10:56
→ rayfen:是IE無法使用嗎？囧　已經試了四台電腦皆如此 09/17 10:56
推 silence226:IE有問題﹐FF沒問題 @@ 09/21 14:15
→ silence226:還不知道怎解決 09/21 14:15


很少看這個版，現在才發現有問題 @@

原本我的印象一開始我試的時候 ie 也是可以跑的，可能後來改的時候沒仔細測所以
就爛掉了。這種相容性的問題最討厭了...

flickr 輸出到網頁內嵌 google map 有許多方式，不過大致上是用 iframe 比較方便
(以前我笨笨的硬要用 script 方式來做，還要自行申請 key，太不方便了)。

方法之一是，flickr 可以在輸出 feed 時一起輸出 georss，例如:
http://api.flickr.com/services/feeds/photos_public.gne?tags=geotagged&
format=rss_200&georss=1
(其他 feed 格式: http://www.flickr.com/services/feeds/)
而 google map api 可以直接吃 georss, 參考
http://googlemapsapi.blogspot.com/2007/03/kml-and-georss-support-added-
to-google.html

不過上面這個方式一來不支援 photoset，二來輸出的形式我覺得不夠好


我自己用的方式可以參考:
http://flickr-gmap-show.googlecode.com/svn/trunk/flickr-gmap-photoset-
embed.html
這個在 firefox 會出現四個圖，ie7 會出現兩個，ie6 我沒測 :(

使用方式就是用 iframe ，嵌入下面的網址：
http://flickr-gmap-show.googlecode.com/svn/trunk/flickr-gmap-photoset.html?
photoset_id=xxxxxxx

其中 photoset_id 就是 flickr 裡的 photoset_id (一串數字)

而可以加上的參數有:
no_control=1 不出現 zoom in/out 之類的控制元件
maptype=satellite/hybrid/normal 預設的地圖，但在 ie 中加上這個參數會有問題，
我一時還找不出解法 :(， 在 firefox 中是可以的。
no_tracking=1 不出現連線
gpx=xxxxx 一種我定義的 gps tracking 資料格式
gpxurl=xxxx (url) 指定 url ，指向標準的 gpx 格式，在地圖上顯示。


如果只要顯示一張照片的話，可以用:
http://flickr-gmap-show.googlecode.com/svn/trunk/flickr-gmap-photo.html?
photo_id=xxxxxxx


這裡的顯示方式都是用類似 flickr gmap show 的方式顯示，當然因為都是在 client
運算，所以大量使用速度會有點慢，但好處是不需要 server 支援，不怕哪個 server
掛了，地圖就出不來了。


如果還有發現問題請告訴我，在不同環境上測試不太容易... @@




--