作者kewang ()
看板EZsoft
标题[自创] UMiP - 结合UrMap以及Pixnet的网路相簿地图
时间Sun Mar 11 00:19:17 2007
影片版
http://blog.pixnet.net/kewang/post/3209558
前言:
大家知道Flickr相簿有一个功能,就是可以把自己的相片放到网路地图上面,让网友们可
以看到自己的相片是在哪一个地方拍的,台湾的一位网友CK看到了这个功能,就用
Google Maps加上Flickr在Firefox上实作了一个叫做GMiF的套件。
我看到了这篇文章的介绍之後,就想要自己也来写写看,因为UrMap已经开放他们的API,
让大家都可以使用他们的API来自己做一个电子地图,然後我本身也很爱用Pixnet,就来
写一个类似GMiF的功能,不过现在跟GMiF是有一点小落差啦。
使用方法:
1. 请先在管理介面 -> 相簿管理 ->「自订区块」里面,插入下面的程式码,之後储存设
定。
<!--这一段是UMiP的程式开头-->
<div id="urmap"></div>
<!--请大家去UrMap申请授权码,这样才能合法使用UrMap-->
<script type = "text/javascript" language = "javascript" src =
"http://www.urmap.com/SearchEngine/api/getapi.jsp?v=1&key=1172405073492">
</script>
<script type = "text/javascript" language = "javascript" src =
"http://dspic.niu.edu.tw/~kewang/pixnet/widget/umip.js"></script>
<script type = "text/javascript" language = "javascript">
//地图, 纬度, 经度, 名称, 放大倍率, 地图高度, 是否隐藏经纬度
initUMiP("urmap", 24.750586, 121.750265, "kewang的宿舍", 9, "300px", true);
</script>
<!--这一段是UMiP的程式结束-->
2. 之後,在管理相簿里面,每个相簿的「设定」选项中,填入「相簿标题」、「相簿叙
述」、「相簿封面」
相簿标题:会出现在地图上的标题
相簿叙述:请先上UrMap,输入该相簿的位置,在该标地上点右键,取得经纬度,之後填
入相簿中
填入格式[ 经120.16230543670922纬23.06361406235532 ] 数字部份,是查询到的经纬度
。
相簿封面:出现在地图上的缩图
3. 回到相簿首页,可以看到,有设定的相簿,会出现一个K形小图,点选小图後,就会看
到UMiP移动到所在位置罗!
备注:目前本程式,仅支援Firefox、Opera、Safari浏览器,不支援IE 6.0, 7.0
特别感谢Pigy帮我写了这个教学还有一些idea,尤其是那个icon真是太赞了
参考资料:
UMiP - UrMap和Pixnet的结合
--
杂七杂八的kewang部落格
http://kewang.pixnet.net
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 218.160.78.125
※ 编辑: kewang 来自: 218.160.78.125 (03/11 00:20)
1F:推 pigyhome:推推推推推!!!!! (K) 03/11 00:23
※ kewang:转录至看板 Blog 03/11 00:25
2F:推 NintendoGC:反了, CK 的 GMiF 是在 Flickr 推出 Geotagging 前 03/11 00:28
3F:推 pentwo:不支援IE 6.0, 7.0有种爽快的感觉 03/11 00:30
4F:推 kewang:原来如此 我会再把这一段做一下求证 03/11 00:32
5F:→ kewang:因为IE.......... 实在很难搞 囧rz 等待有心人帮忙 03/11 00:34
6F:推 kewang:有问题可以随时在这边推文 或在blog回应 03/11 00:41
※ kewang:转录至看板 share 03/11 00:44
7F:推 kewang:大家看那个影片最後一直在那边等,是因为urmap那时候有问题 03/11 00:56
8F:→ kewang:可以看我的参考资料 有之前0.000000001版的demo 03/11 00:56