这是一个创建于 4935 天前的主题，其中的信息可能已经有所发展或是发生改变。
其实没怎么利用 meteor 的特性了，完全是冲着 meteor 有 d3 支持和部署空间的光。
地址在 http://goo.gl/JJpsG (计算量比较大，cpu不行的电脑慎点)
这个是我用来练习 nodejs 抓取，和用 d3 做数据可视化的小作品。
从几个网站上(比如 trainby.com)抓下了车次信息，再用 google 的 geocoder API 获取地址坐标解析出来。但是结果都有不准确的地方（整体错误率不超过 1% 吧 所以还好），反应在图上就是几个莫名奇妙的点和线路。
todo:
1 增加的地点的hover效果，显示地名什么的(用常用的方法比如title，bootstrap 的 tooltips 都不起作用了，还需要研究下怎么回事)
2 增加列车类型的区分。
3 修复错误数据脚本，并定期更新准确数据(哎，要是这种开放数据有个服务能提供更友好的 API 就好了）
第 1 条附言 · 2012 年 12 月 17 日
在上次基础更新一次，一期 TODO 里的事情基本完成：
1 hover 显示站名有了，原来是需要 svg:title 来支持才行～
2 列车类型选择和颜色高亮都做了，效果不太好。
3 修复错误的数据，大概修复了200多错误坐标，预计还有100个剩余，这个真的很难做。
TODO 2:
1 可以高亮指定车次的线路, 比如 D21 K29 等。
2 火车站的详细信息，通过几个车，附近车站等～。
3 查看TOP10 最长线路，最多站数，经过的线路最多等...的排行榜。
第 2 条附言 · 2012 年 12 月 23 日
第2次更新
1 修改了一些交互设计，增加了按照车号搜索的功能，比如 T27,K186 什么的～
2 用了新的 tooltip 反应更快，效果更好
3 改用了 Albers 投影法，这个多说点：之前大家提出了地图变形问题，我也趁机学习一点地图学的基本概念，这里现学现卖一下。
地球是个球体（去看地球仪），所以要把位置关系投射到平面上需要做一些特殊处理才行。
如果直接按照经度纬度作为x轴y轴的话，能把球面变成平面，但是在越靠近极点的地方，比例尺就会越大，靠近极点的经线比较短，每一度转换到x轴上在平面图中就被放大了。这种方法叫 Mercator
投影法。之前用的就是这样的～见11楼截图。
为了避免这种失真，在跨经度很大的中纬度国家，经常使用 Albers 投影法，相当于把球形映射到锥形上，在这张图上面积不会发生是失真。一般大家看到的带有曲线纬线的中国地图都是使用这种投影法的。
以下链接可以参考：
http://en.wikipedia.org/wiki/Map_projection
https://github.com/mbostock/d3/wiki/Geo-Projections
 |
2 isy 2012 年 12 月 9 日二手本完全卡死。等楼下回复 |
 |
3 lackar 2012 年 12 月 9 日cool |
 |
4 ispinfx 2012 年 12 月 9 日很流畅，但没见到hover……准确来说是一个字都没看到 |
 |
5 bluef 2012 年 12 月 9 日cool! |
 |
6 gavingeng 2012 年 12 月 9 日黑夜里的萤火虫，其他啥也没了 |
 |
7 pepsin 2012 年 12 月 9 日很漂亮 |
 |
8 loddit 2012 年 12 月 9 日每个点是可以点击的，大家发现了没？ |
 |
10 citydog 2012 年 12 月 9 日没感觉，跟打开一般网页一样的... |
 |
11 zl8723 2012 年 12 月 9 日
|
 |
12 mew7wo 2012 年 12 月 10 日楼主有没什么d3的资料? |
 |
13 kofj 2012 年 12 月 10 日真心的一个字都没有看到，就只有图了 |
 |
17 holmesabc 2012 年 12 月 10 日其实我完全不知道，这是干什么的。。。 |
|
18 loddit 2012 年 12 月 10 日@chuangbo 恩 纬度不同时同角度经度的位移是不一样的～ 其实平面版的google地图也是变形了，所以还在考虑下那种更好。 原来有直接的算法，我还想过自己转换呢。好谢谢你 |
 |
20 Ricepig 2012 年 12 月 10 日 1
lz可以考虑结合铁路路网（这个是公开的），这样站站连接就可以不一定是直线。并且套上行政境界为底图，这样能看的更清楚一点。 |
 |
24 xsaps 2012 年 12 月 10 日有火车直通台湾半岛? 应该包含了飞机航线吧? |
 |
25 GreatHan 2012 年 12 月 10 日是 canvas画的吧？ |
|
26 loddit 2012 年 12 月 17 日更新一次，一期 TODO 里的事情基本完成： TODO 2: |
 |
27 shuson 2012 年 12 月 17 日期待加入搜索功能 |
 |
29 thwawar 2012 年 12 月 17 日 1
更多的建议 2. 考虑直接在 Google maps上绘图，比如这个： http://bl.ocks.org/899711 |
|
32 loddit 2012 年 12 月 24 日 |
 |
35 dexter 2012 年 12 月 24 日 |
 |
36 kebot 2012 年 12 月 25 日很赞, 能看到我家, 哈哈 |
|
39 mew7wo 2013 年 1 月 23 日楼主用d3的时候，是否遇到过中文显示乱码的事情。 |
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。
