作者wctang (wctang)
看板Flickr
标题Re: [问题] 关於 Flickr Map 内嵌於网页上
时间Sun Sep 23 23:39:23 2007
※ 引述《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
1F:推 vicjuan:本尊现身 XD 09/23 23:58
2F:推 vicjuan:话说这次的这个程式可以自行下载放在自己的server吗? 09/24 00:01
3F:→ wctang:用 iframe 就直接连就好,当然把网页抓到自己 server 上 09/24 00:03
4F:→ wctang:也行,不过 key 要改一下 09/24 00:03
6F:推 vicjuan:恩 好 感谢wctang大大 XD 09/24 00:05
7F:推 silence226:偶改用 iframe 罗,谢谢! 09/26 17:14