小程序开发教程003【小程序上手案例】

知了交通

我们要分享的第一款小程序，叫「知了交通」。

一、 「知了交通」功能详解

「知了交通」是一款轻量级的交通查询小程序，功能十分简单明确。

首页有「选择城市」和 「输入查询信息」两个功能区。点击当前城市，可进入搜索页面更换城市。

点击「起点」、「目的地」，输入相应的位置，就可以开始查询 从起点到目的地的推荐公交路径。

「知了交通」接入了百度地图的 API。因此，查询结果和百度地 图是一致的，只是界面更为精简。

查询结果有「推荐路线」、「步行少」、「换乘少」、「地铁优 先」四种，每一种方案都有具体的路线选择。

点击某一条具体路线，就会进入路线详情页，其中明确标识了起 始的站点，以及步行距离。

「知了交通」还提供了非常方便的返程路线查询。在每一个路线 详情页下方，都有「查询返程」的按钮。 

除此之外，「知了交通」还会自动记录下你的上一次查询，当你 回到首页，在顶部就能看到上次查询的路线，点击「查询返程路线」 即可方便地查询返程。

值得注意的是，「知了交通」也可以自动获取你的位置。只要在 进入首页时，在弹出的信息框中，点击允许「知了交通」获取你的地 理位置，即可轻松设置所在城市和起终点位置。