首页 注册 登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
广告
daibor
V2EX  ›  分享创造

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

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

效果图

点我体验

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

  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  
       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  
       51 天前
    微信显示无法查询， 小程序无法登录 github 网站 ， 这是怎么回事
    daibor
        61
    daibor  
    OP
       42 天前
    @dawanglin 图商现在免费额度特别低，还需要商业授权，原高德地图方案无法继续维护了，[代码已开源]( https://github.com/daibor/bus-route-radiation-map)。最近找到了一个新方案，搞好后会重新发布！
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5140 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 09:34 · PVG 17:34 · LAX 01:34 · JFK 04:34
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.