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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 1519 天前的主题，其中的信息可能已经有所发展或是发生改变。

效果图

点我体验

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

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

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

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

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

小程序码

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

注：

「周围」的定义是 500 m ；
公交线路数据和地图全部使用高德地图的开放 SDK，在此表示感谢；

公交

线路

地点

地图

59 条回复 • 2023-06-13 15:58:35 +08:00

zagfai

2020-02-25 19:58:00 +08:00

500 米有点远这个可以配置就好了比如说走路 10 分钟走路 5 分钟

daibor

2020-02-25 20:50:28 +08:00

@zagfai 感谢建议，下个版本会加上该功能。

reaky

2020-02-25 21:01:44 +08:00 via Android

如果能看公交实时位置的话就太好了

daibor

2020-02-25 21:15:32 +08:00

@reaky 感谢建议，因为考虑到能查实时位置的工具已经挺多啦，所以没做。这个主要是想满足「看周边的公交线路都通向哪里」这个不会天天用，但看房、订酒店这种场景下又很必要的需求。

yafoo

2020-02-25 22:56:52 +08:00 via Android

链接打不开，建议出个网页版的

yafoo

2020-02-25 22:59:23 +08:00 via Android

我在农村。现在打开小程序。点击查询一片空白

opengps

2020-02-25 23:32:30 +08:00 via Android

点赞支持下 lbs 开发者

daibor

2020-02-25 23:39:33 +08:00

@yafoo 刚才 cdn 配置出了点问题，现在应该好了。小程序就是套壳了的网站，帖子里地址写得不明显： https://bus.daibor.com

daibor

2020-02-25 23:40:18 +08:00

@opengps 感谢支持~

lmmortal

2020-02-26 00:16:39 +08:00 via iPhone

做得不错希望可以运营下去

pakro888

2020-02-26 00:17:04 +08:00

很好用，支持一下

zchzch1014

2020-02-26 00:37:01 +08:00

非常有用，感谢，希望可以长久的运营下去

cbais7890

2020-02-26 00:57:44 +08:00

相当有意思, 希望持续

daibor

2020-02-26 00:59:44 +08:00

@lmmortal @pakro888 @zchzch1014 感谢三位支持，几乎没有成本开销，运营下去是没问题的。高德挺良心，接口免费。

dapang1221

2020-02-26 01:06:20 +08:00

太好了，有时候我就爱周末坐公交瞎转，太实用了，感谢！

janda

2020-02-26 08:42:52 +08:00

电脑版本、只有公交路线、没有公交站点！要是右键点击下、就能出现离你最近的公交路线上的公交站点就好了！

Meifa

2020-02-26 08:45:49 +08:00 via Android

@dapang1221 +1，爱随机瞎逛。

piaochen0

2020-02-26 08:59:25 +08:00

假如能够显示公交车的简单信息就好了，不然也不知道到底是哪路公交车。

rzzm

2020-02-26 09:22:45 +08:00

相当有用的发明!

txhsj

2020-02-26 09:41:46 +08:00

很赞的功能，适合我这种地图控

JJmou

2020-02-26 09:50:34 +08:00

大佬，你是前端还是后端呢，想加个好友向你学习一下，我也想做一个图形化的小程序，我是做前端的

subeta

2020-02-26 10:08:30 +08:00 via iPhone

挺好的

yafoo

2020-02-26 11:02:57 +08:00 via Android

@daibor https://www.i-i.me/1.html 地图已收藏，以前总想着，要是有这样一个地图就好了，站在城市的任意一个位置，就可以知道我能到达哪些地方。

daibor

2020-02-26 15:50:30 +08:00

@janda 感谢建议~下个版本考虑加入

daibor

2020-02-26 15:53:33 +08:00

@piaochen0 感谢建议，这个功能有的，电脑浏览时候鼠标移动到线路上就会弹窗显示。手机端是点击线路。

daibor

2020-02-26 16:02:43 +08:00

@JJmou 过奖了。这个站点主要功能都是高德封装好的 api，不需要开发者关心绘图层面。小程序是用<web-view>组件引入了这个站点，说白了就是套了个壳。我是前端新人，其实没什么图形化开发的经验，互相学习~wx:ZGJtZXNzZW5nZXI=

daibor

2020-02-26 16:05:18 +08:00

@yafoo 多谢老哥友情链接
@subeta @txhsj @rzzm @Meifa @dapang1221 @cbais7890 感谢各位鼓励

mzname

2020-02-26 16:21:35 +08:00 via iPad

很有新意～
收藏了
以后出去聚餐的时候就可以快速筛一下了 hhh

mzname

2020-02-26 16:23:03 +08:00 via iPad

emmm 对了，想问下在哪里可以切换到你图上的那个黑色背景

默认白背景辨识度有点低

daibor

2020-02-26 16:50:05 +08:00

@mzname 感谢老哥反馈，是在小程序点「分享给好友」时候导出的那个图出现了白背景吗？那个因为高德 api 只提供白背景，后面打算给加层滤镜改成黑色。如果不是前述条件下出现白色背景就是 bug 了，可以把设备和浏览器名称提供一下，我看看什么问题。

mzname

2020-02-26 17:06:03 +08:00 via iPad

@daibor
不是小程序，就是网页版，ipad ios13 Alook 浏览器（不过应该和 Safari 差不多）
emm，顺便提一下（虽然触屏的人不多），对触屏来说这个右键点击不是很友好啊 hhh [笑哭]

liqingcan

2020-02-26 17:34:12 +08:00

厉害。做了一个我一直想要的东西。用来规划周末去哪里转转特别有用。

winterx

2020-02-26 17:54:25 +08:00

楼主项目不错，支持一下

daibor

2020-02-26 18:03:24 +08:00

@mzname 复现这个问题了，用 alook 切换到电脑版就能出黑色背景，可能移动版解析时候有差异。
触屏设备长按地图就可以实现电脑右键的功能，提醒不到位，刚把搜索框的文案优化了一下。

aqqwiyth

2020-02-26 18:17:20 +08:00

地图看起来很舒服

mzname

2020-02-26 19:19:48 +08:00 via iPad

@daibor 切到电脑版已 ok

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

再次感谢～

daibor

2020-02-26 21:30:49 +08:00

@liqingcan @winterx @aqqwiyth 感谢支持

lijiantea

2020-02-27 20:01:38 +08:00 via Android

感谢老哥，老早就想要这样的功能，一下子查出坐公交的活动范围。

daibor

2020-02-27 22:10:49 +08:00

@lijiantea 感谢支持

晚上又加了几个功能，汇报一下：
1. 按照 @zagfai 老哥建议，可以在右下角滑块设置搜索半径了，有 [50,200,350,500] 四个距离。步行 5 分钟大概是 375 米，考虑到地图测距均为直线距离，所以应该能满足查询 15 分钟步行范围内的车站了。
2. 按照 @janda 老哥建议，增加了搜索半径内车站的显示。可以点击查看经停该车站的全部线路。
3. 增加了搜索半径圆圈的显示，更加直观；增加了通知弹窗，更好了解周边车站和公交线路数量。

mfanming

2020-02-27 23:12:16 +08:00

小程序查出结果后点不中呢...必须要缩小地图才能点中线路，小米手机。
大家测试有这问题么

还有，我会觉得手机场景更丰富，应该重视手机端

xpp6541478

2020-02-28 09:23:43 +08:00

好像更改范围后就没有数据了，只有我一个人有这个问题么，电脑端

daibor

2020-02-28 17:45:29 +08:00

@mfanming 小程序为了导出效果把线路画得过细了，所以不好点击，正想办法优化。之前想法是电脑交互更舒适，所以引导有刚需的用户到电脑上使用，老哥言之有理，确实应该重视手机端。

daibor

2020-02-28 17:47:40 +08:00

@xpp6541478 之前考虑不周，更改范围后需要重新定位选点。已经改好了，更改范围后自动在标记点重新查询绘制。

janda

2020-02-29 09:43:34 +08:00

@daibor 　根据我上面提的这个＼我又来找茬了！！　　　　　　在公交站的信息框上、加上一个路线规划（步行）这样是否可以呢、毕竟都不远，一个步行规划应该够了！

对了、桌上请放好一把菜刀！谁在提需求、砍死他

mfanming

2020-02-29 11:04:13 +08:00

小程序上看不到公交站牌，是我这有缓存么？

mfanming

2020-02-29 11:18:13 +08:00

功能很有创意，推荐长期食用：）

wongguobin

2020-02-29 15:12:39 +08:00

很实用！

ustcwq

2020-02-29 16:28:55 +08:00

非常有用，希望一直稳定运营下去。建议可以开放打赏通道。

daibor

2020-03-03 17:39:55 +08:00

@janda 有这个计划 hhh，后面有空加上试试！
@wongguobin @mfanming 感谢支持，小程序上是一个独立的网页，目前没加公交站牌功能。
@ustcwq 感谢支持！已在关于页面开了个二维码。不过目前还没有因该项目产生任何额外开销，不用担心，会稳定运行的！

RouJiANG14

2020-03-04 10:37:43 +08:00

哇！这太方便了吧！比起自己用地图查询之后再一条一条的查看要省事太多了！

daibor

2020-03-06 18:18:54 +08:00

分享个恶心的事情吧。

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

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

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

今天，发现他们居然把作者信息删除了。是的，Web 是开放的，该作品也只是基于高德 SDK 的简单拼接。但即便如此，直接盗窃对方源代码并删除作者信息的做法依然令人不齿。当然，这也恰恰说明，我所捕捉的这个需求是真实的、普遍的。

pk000

2020-03-17 14:34:55 +08:00

做得相当不错啊~赞！

mTerminal

2020-03-17 17:14:03 +08:00

有一个问题，北京这边公交站很多 A 站台，B 站台，显示经停的公交线路不同，比如菜户营桥北，在地图上搜索菜户营小区显示最近的是菜户营桥北站，显示只有一辆经停，实际很多。
在高德地图上搜索菜户营小区然后搜索附近公交站，和上述一样，不过在高德地图上放大会看到一个 B 站台，点击 B 站台就能看到其他的车辆，不知道能不能解决这个问题？

daibor

2020-03-17 20:40:35 +08:00

@pk000 感谢支持
@mTerminal 感谢！非常精准的建议！没有过这类生活经验，已经记录下来了，后面看看能不能解决。这个网站其实也是调用的高德地图接口和数据。