2012-10
2

MAP OF DESTINY 2012的三处改进

By xrspook @ 16:58:12 归类于: 烂日记

妈说今天下午出门走走,吃完饭我就说走人了,但她没有动身,于是我就睡觉去,醒来后已经下午4点,大好光阴就这么溜走了。

MAP OF DESTINY 2012 GMap版进行了三处改进。

第一,对不同类型的戳使用了不同的颜色。具体:红色是Raw,蓝色是Smackdown,粉色是WWE或Supershow,绿色是NXT或FCW,还有橙色,那是鼠标滑过戳时的hover颜色。

第二,设置了网页的icon,MAP OF DESTINY 2012DESTINY IS REAL保持一致,使用的是黑白鹰头,这个16*16的图片还是点点自动生成的呢,我直接就copy过来了。网页的icon图标是件小事,但细节会让在收藏夹里的他更有存在感。一堆文字和小图标能轻易抓住你眼球的肯定是图标。

第三,在DESTINY IS REAL的导航栏里加入“宿命地图”。地址是http://adelrio.diandian.com/destiny_map_2012。这个会自动跳转到http://images.xlanda.net/yark/map/destiny-map-2012-gm.html。必须地在DESTINY IS REAL加入这么个好东西导航的嘛。

我为什么可以这么顺利呢?因为Google的循环是暴露的,坦荡荡的,我知道在哪里可以捕捉到我需要的数据,加以控制也就可以了,但timemap的循环都隐藏在function里,隐藏在引用的.js中,我表示很头大。搞这个的时候我就想起了点点的第一代和第二代模板,第一代模板的循环是内置的,包裹起来的,第二代模板是得你自己动手的,所以,第一代模板的上手是容易点,且不容易出错,但说到控制能力,还是第二代模板自由。

放假进入第三天,我已经完全不知道要做点什么好了。

2012-09
30

MAP OF DESTINY 2012闪亮登场

By xrspook @ 23:59:49 归类于: 烂日记

正是因为我不是专业的程序员,所以才显得很有价值!

今天,我花了一些时间去思考timemap用不同颜色戳的问题,如何让theme和某列元素里的某数据建立关联?应该可以的,绝对可以的,不就是一个条件格式么,但怎么做呢?在网页里调用excel文件,约等于是在调用一个可视化程度挺高的数据库,这就让我想起了邮件合并。

今天,我运气非常的好,搜索Google Map Spreadsheet居然被我发现了一个Google官方的好东西“Create a map from a published Google Spreadsheet”,啊啊啊啊啊啊啊啊啊!这就是我的思路!但Google的这个页面居然连网页标题都没有…… 这个东西,其实就是南方周末 – 新闻地图的原始版。Google Spreadsheet上的数据库我已经发布,数据也是齐全的,所以,可以说我轻易就能生成一个简易版。通过一些手动修正和网页格式统一,我的destiny-map-2012横空出世了!这个是gmap版,所以全称是destiny-map-2012-gm,我还要做timemap版的,预留名字是destiny-map-2012-tm。

有截图有真相。

MAP OF DESTINY 2012 GMap版在这里

欢迎各种测试!提前说明,大于100的编号没有在地图的绿色戳上显示,因为G老师认为大于两位数的编号小小的戳hold不住了,所以直接那个位置显示空白,这个不是bug。

网页延续着DESTINY IS REAL主站的黑金风格,估计是没什么办法把这个套在点点网页里的了,除非我用ifame。gm版这么快就可以上线其中一个很重要的原因是Google生成的简易版就一个单网页文件,其中引用了2个东西,一个是数据源的Spreadsheet,一个是Google Map的API。相比之下,timemap的数据库的一些引用我仍未完全摸透。啊啊啊,今天我才发现原来现在使用Google Map API是完全不需要用API KEY的了,尽管,我已经申请,V2和V3都有申请,那个的话,每天查询的免费次数有限制,如果不填KEY也能实现功能的话,这个所谓限制等于浮云。这种事件地图我只是私用,即便挂在网络上也不会有多大浏览量,但谁知道不会不会有神经质发神经呢。

我对自己的工作成果和效率表示很满意,哈哈哈。

PS:惊讶的发现,这个页面在Firefox、Opera、IE在天朝都能正常浏览,但Chrome,悲催的需要翻墙。搞不懂了,Google和Google的业务有矛盾?????所以,如果在天朝你想用Chrome打开,但又不懂翻墙的话请把下面这堆东西加入到host(C:\Windows\System32\drivers\etc\hosts)。

203.208.45.200 spreadsheet.google.com
203.208.45.200 spreadsheets.google.com
203.208.45.200 spreadsheets.l.google.com
203.208.45.200 spreadsheets0.google.com
203.208.45.200 spreadsheets1.google.com
203.208.45.200 spreadsheets2.google.com
203.208.45.200 spreadsheets-china.l.google.com
203.208.45.200 spreadsheets-opensocial.googleusercontent.com

2012-09
29

destiny-map-2012正式上路

By xrspook @ 22:47:11 归类于: 烂日记

玩时间轴地图玩到痴迷了,哈!

使用的是一个叫做timemap的开源脚本,基于js,伟大地把时间轴和地图结合在一起了。几天前我就开始策划我的地图计划,用意是这样的:把Alberto Del Rio一年里去的所有地方都在地图上标注出来。效果就像Facebook上的地图。之前,地图这个问题我没想到该怎么解决,最傻逼的做法莫过于下载一个宽起码3000px以上的世界地图,然后PS把地方都标注出来。想都没想过要和时间轴结合哦,虽然,按照Facebook的思路当路过某地方的时候应该时间和事件都一并出现的,但一张jpg又怎么能实现这个呢。

于是,之前我首先把基础数据收集工作弄了。先利用DESTINY IS REAL的人肉数据库,然后利用wrestlingdata的比赛数据库(就比赛数据库的全面性而言,wrestlingdata优于大名鼎鼎的profightdb,前者连house show和很多年前的比赛都收集进去了,更让人诧异的是连CMLL和AAA等非美摔的资料都巨细,虽然通过我的比对,他们还是偶尔会有一点点缺漏的,主要是,house show这玩意要收集齐全非常不容易)。如果,我是年头就计划要做这个,我一定会弄得妥妥的,但是呢,我只是半路杀出来,很多东西过了好长时间,我不好意思地忘记了。这不能怪我,这真不能怪我。我只能尽力而为。

现在,我已经基本理出一个做destiny-map-2012的思路了。功能基本能实现,打算通过2个地图去反映全部。一个是15%85%的月-年图,一个是100%的月年图。前一个是为了让大家看到每个月的变化是怎么样的,因为随着时间轴上时间的间隔的变化,间隔外的点是会消失的,进入间隔的点是会出现的。我把时间轴设置为只有显示尺寸的15%就是为了保证显示的一定不是全年内容。至于100%的,就是为了实现我的初衷,在一个大地图上显示Alberto Del Rio在WWE的“工作情况”。如果在同一个地方,有2个时间点,会怎样呢?人肉测试过,这样的话就只能把经纬度稍微调整一点点了,即便这样,在大地图里仍旧是只会看到一个,放大很多后才能分开,摊手,没办法呢~~~

我的努力方向还有一个,地图的旁边放一个列表,有内部滚动条的,不用时间轴,用那个导航。有点返祖的感觉,不过其实这样我觉得已经很足够了。时间轴对我来说是个意外的收获。

WWE的日程变态,时间上的变态、地点上的变态,我必须的用时间轴地图展示这种神经质,宿命使我然也!

技术是个好东西,让人无比兴奋的说,哈~

© 2004 - 2024 我的天 | Theme by xrspook | Power by WordPress