爱意满满的作品展示区。
daibor

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

  daibor ·
daibor · Feb 25, 2020 · 10522 views
This topic created in 2446 days ago, the information mentioned may be changed or developed.

效果图

点我体验

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

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

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

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

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

小程序码

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


注:

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

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

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

再次感谢~
daibor
daibor
OP
Feb 26, 2020
37
@liqingcan @winterx @aqqwiyth 感谢支持
lijiantea
lijiantea
Feb 27, 2020 via Android
38
感谢老哥,老早就想要这样的功能,一下子查出坐公交的活动范围。
daibor
daibor
OP
Feb 27, 2020❤️1
39
@lijiantea 感谢支持

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

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

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

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

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

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

今天,发现他们居然把作者信息删除了。是的,Web 是开放的,该作品也只是基于高德 SDK 的简单拼接。但即便如此,直接盗窃对方源代码并删除作者信息的做法依然令人不齿。当然,这也恰恰说明,我所捕捉的这个需求是真实的、普遍的。
pk000
pk000
Mar 17, 2020
52
做得相当不错啊~赞!
mTerminal
mTerminal
Mar 17, 2020
53
有一个问题,北京这边公交站很多 A 站台,B 站台,显示经停的公交线路不同,比如菜户营桥北,在地图上搜索菜户营小区显示最近的是菜户营桥北站,显示只有一辆经停,实际很多。
在高德地图上搜索菜户营小区然后搜索附近公交站,和上述一样,不过在高德地图上放大会看到一个 B 站台,点击 B 站台就能看到其他的车辆,不知道能不能解决这个问题?
daibor
daibor
OP
Mar 17, 2020
54
@pk000 感谢支持
@mTerminal 感谢!非常精准的建议!没有过这类生活经验,已经记录下来了,后面看看能不能解决。这个网站其实也是调用的高德地图接口和数据。
wellkens
wellkens
Mar 18, 2020
55
最开始是想问,为啥不把八楼的地址放到一楼,后来发现是我瞎了,看来找东西不能在深夜啊……Emm……
将来肯定会用得上,先收藏了
CEBBCAT
CEBBCAT
Apr 19, 2020 via Android
56
可以按路程远近搜索地铁站吗?比如说我在北京东单,设置时间为 30 分钟,点击搜索后就应该显示 30 分钟之内我能到达的地铁站,这样便于反差房源
shulinbao
shulinbao
Feb 26, 2023
57
线路无法显示了,希望修复一下。我看网站介绍说是供租房用的,实际上对公共交通的爱好者与研究者来说意义可能会更大,另一个“八达图”比这个项目难用的多。
yanbo92
yanbo92
May 27, 2023
58
对找房子很有帮助,回帖支持。但偶尔会出现线路显示不出来
bk201
bk201
Jun 13, 2023
59
这个网站挂了吗
dawanglin
dawanglin
Oct 28, 2024
60
微信显示无法查询, 小程序无法登录 github 网站 , 这是怎么回事
daibor
daibor
OP
Nov 6, 2024
61
@dawanglin 图商现在免费额度特别低,还需要商业授权,原高德地图方案无法继续维护了,[代码已开源]( https://github.com/daibor/bus-route-radiation-map)。最近找到了一个新方案,搞好后会重新发布!
About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   873 Online   Highest 6679   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 99ms · UTC 21:27 · PVG 05:27 · LAX 13:27 · JFK 16:27
♥ Do have faith in what you're doing.