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

[daibor]

点我体验

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

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

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

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

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

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

---

注：

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

[JJmou]

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

[subeta]

挺好的

[yafoo]

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

[daibor]

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

[daibor]

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

[daibor]

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

[daibor]

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

[mzname]

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

[mzname]

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

默认白背景辨识度有点低

[daibor]

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

[mzname]

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

[liqingcan]

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

[winterx]

楼主项目不错，支持一下

[daibor]

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

[aqqwiyth]

地图看起来很舒服

[mzname]

@daibor 切到电脑版已 ok

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

再次感谢～

[daibor]

@liqingcan @winterx @aqqwiyth 感谢支持

[lijiantea]

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

[daibor]

@lijiantea 感谢支持

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

[mfanming]

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

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