Re: [問題] 關於 Flickr Map 內嵌於網頁上
※ 引述《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
掛了,地圖就出不來了。
如果還有發現問題請告訴我,在不同環境上測試不太容易... @@
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.127.126.95
推
09/23 23:58, , 1F
09/23 23:58, 1F
推
09/24 00:01, , 2F
09/24 00:01, 2F
→
09/24 00:03, , 3F
09/24 00:03, 3F
→
09/24 00:03, , 4F
09/24 00:03, 4F
→
09/24 00:04, , 5F
09/24 00:04, 5F
推
09/24 00:05, , 6F
09/24 00:05, 6F
推
09/26 17:14, , 7F
09/26 17:14, 7F
討論串 (同標題文章)
本文引述了以下文章的的內容:
完整討論串 (本文為第 2 之 2 篇):
Flickr 近期熱門文章
PTT數位生活區 即時熱門文章