做了个「公交线路辐射图」,能够可视化地查看任意地点周围全部公交的线路网 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
daibor
V2EX    分享创造

做了个「公交线路辐射图」,能够可视化地查看任意地点周围全部公交的线路网

  daibor
daibor 2020-02-25 18:12:35 +08:00 9077 次点击
这是一个创建于 2056 天前的主题,其中的信息可能已经有所发展或是发生改变。

效果图

点我体验

这个工具提供了三个能力:

  1. 搜索地点周围有多少条公交线路;
  2. 搜索地点周围公交线路都通向哪里;
  3. 查看这些线路的详情;

起因是租房时候主要就是看离地铁站远不远,但自己平时坐公交车的场景也挺多。于是想通过地图把该地点周围全部公交线路可视化,就能很方便地评估这里的交通便捷程度了。自己用了一段时间感觉还是挺好玩的,经常在上面随便查查,所以分享出来,也希望能帮助大家。

主要场景是买房、租房、订酒店。 比如想挑一个到公司方便的小区,可以查公司大楼的公交辐射图,然后沿线找小区。或者外出旅游订酒店,筛选完环境之后还要找个去各个景区方便的,就可以再挨个搜搜对比一下。

也套壳了一个小程序,不过还是推荐电脑浏览器使用。

小程序码

欢迎大家提出意见和建议。


注:

  1. 「周围」的定义是 500 m ;
  2. 公交线路数据和地图全部使用高德地图的开放 SDK,在此表示感谢;
61 条回复    2024-11-06 13:04:04 +08:00
zagfai
    1
zagfai  
   2020-02-25 19:58:00 +08:00
500 米有点远 这个可以配置就好了 比如说走路 10 分钟 走路 5 分钟
daibor
    2
daibor  
OP
   2020-02-25 20:50:28 +08:00
@zagfai 感谢建议,下个版本会加上该功能。
reaky
    3
reaky  
   2020-02-25 21:01:44 +08:00 via Android
如果能看公交实时位置的话就太好了
daibor
    4
daibor  
OP
   2020-02-25 21:15:32 +08:00
@reaky 感谢建议,因为考虑到能查实时位置的工具已经挺多啦,所以没做。这个主要是想满足「看周边的公交线路都通向哪里」这个不会天天用,但看房、订酒店这种场景下又很必要的需求。
yafoo
    5
yafoo  
   2020-02-25 22:56:52 +08:00 via Android
链接打不开,建议出个网页版的
yafoo
    6
yafoo  
   2020-02-25 22:59:23 +08:00 via Android
我在农村现在打开小程序。点击查询一片空白
opengps
    7
opengps  
   2020-02-25 23:32:30 +08:00 via Android
点赞支持下 lbs 开发者
daibor
    8
daibor  
OP
   2020-02-25 23:39:33 +08:00
@yafoo 刚才 cdn 配置出了点问题,现在应该好了。小程序就是套壳了的网站,帖子里地址写得不明显: https://bus.daibor.com
daibor
    9
daibor  
OP
   2020-02-25 23:40:18 +08:00
@opengps 感谢支持~
lmmortal
    10
lmmortal  
   2020-02-26 00:16:39 +08:00 via iPhone
做得不错 希望可以运营下去
pakro888
    11
pakro888  
   2020-02-26 00:17:04 +08:00
很好用,支持一下
zchzch1014
    12
zchzch1014  
   2020-02-26 00:37:01 +08:00
非常有用,感谢,希望可以长久的运营下去
cbais7890
    13
cbais7890  
   2020-02-26 00:57:44 +08:00
相当有意思, 希望持续
daibor
    14
daibor  
OP
   2020-02-26 00:59:44 +08:00   1
@lmmortal @pakro888 @zchzch1014 感谢三位支持,几乎没有成本开销,运营下去是没问题的。高德挺良心,接口免费。
dapang1221
    15
dapang1221  
   2020-02-26 01:06:20 +08:00
太好了,有时候我就爱周末坐公交瞎转,太实用了,感谢!
janda
    16
janda  
   2020-02-26 08:42:52 +08:00
电脑版本、只有公交路线、没有公交站点!要是右键点击下、就能出现离你最近的公交路线上的公交站点就好了!
Meifa
    17
Meifa  
   2020-02-26 08:45:49 +08:00 via Android
@dapang1221 +1,爱随机瞎逛。
piaochen0
    18
piaochen0  
   2020-02-26 08:59:25 +08:00
假如能够显示公交车的简单信息就好了,不然也不知道到底是哪路公交车。
rzzm
    19
rzzm  
   2020-02-26 09:22:45 +08:00
相当有用的发明!
txhsj
    20
txhsj  
   2020-02-26 09:41:46 +08:00
很赞的功能,适合我这种地图控
JJmou
    21
JJmou  
   2020-02-26 09:50:34 +08:00
大佬,你是前端还是后端呢,想加个好友向你学习一下,我也想做一个图形化的小程序,我是做前端的
subeta
    22
subeta  
   2020-02-26 10:08:30 +08:00 via iPhone
挺好的
yafoo
    23
yafoo  
   2020-02-26 11:02:57 +08:00 via Android   1
@daibor https://www.i-i.me/1.html 地图已收藏,以前总想着,要是有这样一个地图就好了,站在城市的任意一个位置,就可以知道我能到达哪些地方。
daibor
    24
daibor  
OP
   2020-02-26 15:50:30 +08:00
@janda 感谢建议~下个版本考虑加入
daibor
    25
daibor  
OP
   2020-02-26 15:53:33 +08:00
@piaochen0 感谢建议,这个功能有的,电脑浏览时候鼠标移动到线路上就会弹窗显示。手机端是点击线路。
daibor
    26
daibor  
OP
   2020-02-26 16:02:43 +08:00
@JJmou 过奖了。这个站点主要功能都是高德封装好的 api,不需要开发者关心绘图层面。小程序是用<web-view>组件引入了这个站点,说白了就是套了个壳。我是前端新人,其实没什么图形化开发的经验,互相学习~wx:ZGJtZXNzZW5nZXI=
daibor
    27
daibor  
OP
   2020-02-26 16:05:18 +08:00
@yafoo 多谢老哥友情链接
@subeta @txhsj @rzzm @Meifa @dapang1221 @cbais7890 感谢各位鼓励
mzname
    28
mzname  
   2020-02-26 16:21:35 +08:00 via iPad
很有新意~
收藏了
以后出去聚餐的时候就可以快速筛一下了 hhh
mzname
    29
mzname  
   2020-02-26 16:23:03 +08:00 via iPad
emmm 对了,想问下在哪里可以切换到你图上的那个黑色背景

默认白背景辨识度有点低
daibor
    30
daibor  
OP
   2020-02-26 16:50:05 +08:00
@mzname 感谢老哥反馈,是在小程序点「分享给好友」时候导出的那个图出现了白背景吗?那个因为高德 api 只提供白背景,后面打算给加层滤镜改成黑色。如果不是前述条件下出现白色背景就是 bug 了,可以把设备和浏览器名称提供一下,我看看什么问题。
mzname
    31
mzname  
   2020-02-26 17:06:03 +08:00 via iPad
@daibor
不是小程序,就是网页版,ipad ios13 Alook 浏览器(不过应该和 Safari 差不多)
emm,顺便提一下(虽然触屏的人不多),对触屏来说这个右键点击不是很友好啊 hhh [笑哭]
liqingcan
    32
liqingcan  
   2020-02-26 17:34:12 +08:00   1
厉害。做了一个我一直想要的东西。用来规划周末去哪里转转特别有用。
winterx
    33
winterx  
   2020-02-26 17:54:25 +08:00
楼主项目不错,支持一下
daibor
    34
daibor  
OP
   2020-02-26 18:03:24 +08:00
@mzname 复现这个问题了,用 alook 切换到电脑版就能出黑色背景,可能移动版解析时候有差异。
触屏设备长按地图就可以实现电脑右键的功能,提醒不到位,刚把搜索框的文案优化了一下。
aqqwiyth
    35
aqqwiyth  
   2020-02-26 18:17:20 +08:00
地图看起来很舒服
mzname
    36
mzname  
&bsp;  2020-02-26 19:19:48 +08:00 via iPad
@daibor 切到电脑版已 ok

而且长按来当右键的问题我也发现了 [笑哭] 我一开始长按偏了 hhh

再次感谢~
daibor
    37
daibor  
OP
   2020-02-26 21:30:49 +08:00
@liqingcan @winterx @aqqwiyth 感谢支持
lijiantea
    38
lijiantea  
   2020-02-27 20:01:38 +08:00 via Android
感谢老哥,老早就想要这样的功能,一下子查出坐公交的活动范围。
daibor
    39
daibor  
OP
   2020-02-27 22:10:49 +08:00   1
@lijiantea 感谢支持

晚上又加了几个功能,汇报一下:
1. 按照 @zagfai 老哥建议,可以在右下角滑块设置搜索半径了,有 [50,200,350,500] 四个距离。步行 5 分钟大概是 375 米,考虑到地图测距均为直线距离,所以应该能满足查询 15 分钟步行范围内的车站了。
2. 按照 @janda 老哥建议,增加了搜索半径内车站的显示。 可以点击查看经停该车站的全部线路。
3. 增加了搜索半径圆圈的显示,更加直观;增加了通知弹窗,更好了解周边车站和公交线路数量。
mfanming
    40
mfanming  
   2020-02-27 23:12:16 +08:00
小程序查出结果后点不中呢...必须要缩小地图才能点中线路,小米手机。
大家测试有这问题么

还有,我会觉得手机场景更丰富,应该重视手机端
xpp6541478
    41
xpp6541478  
   2020-02-28 09:23:43 +08:00
好像更改范围后就没有数据了,只有我一个人有这个问题么,电脑端
daibor
    42
daibor  
OP
   2020-02-28 17:45:29 +08:00
@mfanming 小程序为了导出效果把线路画得过细了,所以不好点击,正想办法优化。之前想法是电脑交互更舒适,所以引导有刚需的用户到电脑上使用,老哥言之有理,确实应该重视手机端。
daibor
    43
daibor  
OP
   2020-02-28 17:47:40 +08:00
@xpp6541478 之前考虑不周,更改范围后需要重新定位选点。已经改好了,更改范围后自动在标记点重新查询绘制。
janda
    44
janda  
   2020-02-29 09:43:34 +08:00
@daibor  根据我上面提的这个\我又来找茬了!!      在公交站的信息框上、加上一个路线规划(步行)这样是否可以呢、毕竟都不远,一个步行规划应该够了!

对了、桌上请放好一把菜刀!谁在提需求、砍死他
mfanming
    45
mfanming  
   2020-02-29 11:04:13 +08:00
小程序上看不到公交站牌,是我这有缓存么?
mfanming
    46
mfanming  
   2020-02-29 11:18:13 +08:00
功能很有创意,推荐长期食用:)
wongguobin
    47
wongguobin  
   2020-02-29 15:12:39 +08:00
很实用!
ustcwq
    48
ustcwq  
   2020-02-29 16:28:55 +08:00
非常有用,希望一直稳定运营下去。建议可以开放打赏通道。
daibor
    49
daibor  
OP
   2020-03-03 17:39:55 +08:00
@janda 有这个计划 hhh,后面有空加上试试!
@wongguobin @mfanming 感谢支持,小程序上是一个独立的网页,目前没加公交站牌功能。
@ustcwq 感谢支持!已在关于页面开了个二维码。不过目前还没有因该项目产生任何额外开销,不用担心,会稳定运行的!
RouJiANG14
    50
RouJiANG14  
   2020-03-04 10:37:43 +08:00
哇!这太方便了吧!比起自己用地图查询之后再一条一条的查看要省事太多了!
daibor
    51
daibor  
OP
   2020-03-06 18:18:54 +08:00
分享个恶心的事情吧。

烟台点一吨网络科技有限公司某程序员(应该为 v 站网友),下载了本站源文件,并将我的作者信息删除后,上传到其持有的 213810.com 某子域名上。

事情经过如下:
在该帖发出后的一两天内,我就在百度统计上注意到了某烟台 IP,通过 localhost 发出的访问,且访问时间经常长达几个小时,当时觉得该 IP 行为鬼鬼祟祟,很像在逆向开发。

几天后,百度统计又收到了来自烟台的,通过 213810.com 域名发出的访问。登陆后发现完全就是扒掉了我的网站源文件。除了因为用到的高德 API 被我以跨域请求拦截,而不得不将 API 地址换成他们自己申请的高德 API。考虑到当时作者信息还保留,但微调了地图展示线路的样式,我就假设他们是有频繁自用需要,需要调整样式,没做计较,只好奇查询了该域名的相关备案信息。

今天,发现他们居然把作者信息删除了。是的,Web 是开放的,该作品也只是基于高德 SDK 的简单拼接。但即便如此,直接盗窃对方源代码并删除作者信息的做法依然令人不齿。当然,这也恰恰说明,我所捕捉的这个需求是真实的、普遍的。
pk000
    52
pk000  
   2020-03-17 14:34:55 +08:00
做得相当不错啊~赞!
mTerminal
    53
mTerminal  
   2020-03-17 17:14:03 +08:00
有一个问题,北京这边公交站很多 A 站台,B 站台,显示经停的公交线路不同,比如菜户营桥北,在地图上搜索菜户营小区显示最近的是菜户营桥北站,显示只有一辆经停,实际很多。
在高德地图上搜索菜户营小区然后搜索附近公交站,和上述一样,不过在高德地图上放大会看到一个 B 站台,点击 B 站台就能看到其他的车辆,不知道能不能解决这个问题?
daibor
    54
daibor  
OP
   2020-03-17 20:40:35 +08:00
@pk000 感谢支持
@mTerminal 感谢!非常精准的建议!没有过这类生活经验,已经记录下来了,后面看看能不能解决。这个网站其实也是调用的高德地图接口和数据。
wellkens
    55
wellkens  
   2020-03-18 03:42:16 +08:00
最开始是想问,为啥不把八楼的地址放到一楼,后来发现是我瞎了,看来找东西不能在深夜啊……Emm……
将来肯定会用得上,先收藏了
CEBBCAT
    56
CEBBCAT  
   2020-04-19 23:33:34 +08:00 via Android
可以按路程远近搜索地铁站吗?比如说我在北京东单,设置时间为 30 分钟,点击搜索后就应该显示 30 分钟之内我能到达的地铁站,这样便于反差房源
shulinbao
    57
shulinbao  
   2023-02-26 15:45:55 +08:00
线路无法显示了,希望修复一下。我看网站介绍说是供租房用的,实际上对公共交通的爱好者与研究者来说意义可能会更大,另一个“八达图”比这个项目难用的多。
yanbo92
    58
yanbo92  
   2023-05-27 16:17:16 +08:00
对找房子很有帮助,回帖支持。但偶尔会出现线路显示不出来
bk201
    59
bk201  
   2023-06-13 15:58:35 +08:00
这个网站挂了吗
dawanglin
    60
dawanglin  
   350 天前
微信显示无法查询, 小程序无法登录 github 网站 , 这是怎么回事
daibor
    61
daibor  
OP
   340 天前
@dawanglin 图商现在免费额度特别低,还需要商业授权,原高德地图方案无法继续维护了,[代码已开源]( https://github.com/daibor/bus-route-radiation-map)。最近找到了一个新方案,搞好后会重新发布!
关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     922 人在线   最高记录 6679       Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 28ms UTC 18:49 PVG 02:49 LAX 11:49 JFK 14:49
Do have faith in what you're doing.
ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86