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

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

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

效果图

点我体验

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

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

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

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

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

小程序码

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


注:

  1. 「周围」的定义是 500 m ;
  2. 公交线路数据和地图全部使用高德地图的开放 SDK,在此表示感谢;
56 条回复    2020-04-19 23:33:34 +08:00
zagfai
    1
zagfai   2020-02-25 19:58:00 +08:00
500 米有点远 这个可以配置就好了 比如说走路 10 分钟 走路 5 分钟
daibor
    2
daibor   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   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   2020-02-25 23:39:33 +08:00
@yafoo 刚才 cdn 配置出了点问题,现在应该好了。小程序就是套壳了的网站,帖子里地址写得不明显: https://bus.daibor.com
daibor
    9
daibor   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   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   2020-02-26 15:50:30 +08:00
@janda 感谢建议~下个版本考虑加入
daibor
    25
daibor   2020-02-26 15:53:33 +08:00
@piaochen0 感谢建议,这个功能有的,电脑浏览时候鼠标移动到线路上就会弹窗显示。手机端是点击线路。
daibor
    26
daibor   2020-02-26 16:02:43 +08:00
@JJmou 过奖了。这个站点主要功能都是高德封装好的 api,不需要开发者关心绘图层面。小程序是用<web-view>组件引入了这个站点,说白了就是套了个壳。我是前端新人,其实没什么图形化开发的经验,互相学习~wx:ZGJtZXNzZW5nZXI=
daibor
    27
daibor   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   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   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   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   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   2020-02-28 17:45:29 +08:00
@mfanming 小程序为了导出效果把线路画得过细了,所以不好点击,正想办法优化。之前想法是电脑交互更舒适,所以引导有刚需的用户到电脑上使用,老哥言之有理,确实应该重视手机端。
daibor
    43
daibor   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   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   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   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 分钟之内我能到达的地铁站,这样便于反差房源
关于   ·   帮助文档   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   1487 人在线   最高记录 5497   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 28ms · UTC 23:56 · PVG 07:56 · LAX 16:56 · JFK 19:56
♥ Do have faith in what you're doing.