前言

1.相关API

接口地址：https://api.jisuapi.com/transit/station
返回格式：JSON,JSONP
请求方法：GET POST
请求示例：

https://api.jisuapi.com/transit/station?cityid=113&station=西溪竞舟苑&appkey=yourappkey

请求参数：

参数名称	类型	必填	说明
city	string	否	城市 cityid city任选其一
cityid	int	否	城市ID
station	string	是	站点名称

返回参数：

参数名称	类型	说明
transitno	string	线路名称
startstation	string	起点站
endstation	string	终点站

API错误码：

代号	说明
201	公交车次为空
202	城市ID为空
203	起点为空
204	终点为空
205	城市为空
206	公交站点为空
207	地址为空
210	没有信息

系统错误码：

代号	说明
101	APPKEY为空或不存在
102	APPKEY已过期
103	APPKEY无请求此数据权限
104	请求超过次数限制
105	IP被禁止
106	IP请求超过限制
107	接口维护中
108	接口已停用

2.相关案例

请求API：
https://api.jisuapi.com/transit/station?cityid=113&station=西溪竞舟苑&appkey=你的密钥

返回JSON：

{"status": 0,"msg": "ok","result": [{"transitno": "86路","startstation": "景芳小区","endstation": "西溪竞舟苑"},{"transitno": "118路","startstation": "西溪蒹葭苑","endstation": "小车桥"},{"transitno": "860路","startstation": "西溪竞舟苑","endstation": "池华街公交站"},        {"transitno": "264路高峰线","startstation": "西溪竞舟苑","endstation": "焦家村公交中心站"}]
}

一、站点搜索

1.wxml

<!--pages/linesShow/linesShow.wxml-->
<view class='all'><view class="lispan" wx:for="{{lines}}" wx:key="" wx:for-index="idx1" wx:for-item="line"><view bindtap='jumpLineDetail' data-line='{{line.transitno}}'><view class='q1'><view class='q11'><image src='../../imgs/bus.png' /></view><view class='q12'>{{line.transitno?line.transitno:'未知'}}</view></view><view class='q2'><view class='q21'><view class='q211'>{{line.startstation?line.startstation:'未知'}}</view><view class='q212'><image src="../../imgs/doublearrow.png" /></view><view class='q213'>{{line.endstation?line.endstation:'未知'}}</view></view><view class='q22'><view class='q221'><view class='q2211'>起:{{line.starttime?line.starttime:'未知'}}</view><view class='q2212'>终:{{line.endtime?line.endtime:'未知'}}</view></view><view class='q222'><view class='q2221'>{{line.price?line.price:'未知'}}</view><view class='q2222'>¥</view></view></view></view></view></view>
</view>

2.js

// pages/linesShow/linesShow.js
var config = require('../../libs/config.js');
var app = getApp()
Page({/*** 页面的初始数据*/data: {city: "",station: "",lines: []},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {console.log(options)var _this = this_this.setData({city: options.city,station: options.station})wx.setNavigationBarTitle({title: _this.data.station})_this.getStationList()},getStationList() {var _this = thisapp.showLoading("拉取路线列表")// 调用接口wx.request({url: 'http://api.jisuapi.com/transit/station', //仅为示例，并非真实的接口地址data: {appkey: config.Config.busappkey,city: _this.data.city,station: _this.data.station},header: {'content-type': 'application/json' // 默认值},success: function (res) {console.log("拉取线路中", res);var lines = res.data.resultvar transitnos = []var linestemp = []for (var i = 0; i < lines.length; i++) {if (transitnos.indexOf(lines[i].transitno) == -1) {transitnos.push(lines[i].transitno)linestemp.push(lines[i])}}_this.setData({lines: linestemp})console.log(_this.data.lines)},fail: function (res) {console.log(res);},complete: function (res) {app.hideLoading()// console.log(res);}})},jumpLineDetail(e) {var _this = thisvar line = e.currentTarget.dataset.linevar city = _this.data.cityvar station = _this.data.stationwx.navigateTo({url: '../lineDetail/lineDetail?line=' + line + '&city=' + city + '&station=' + station})}
})

3.效果

总结

本篇获取周边站址的API是第三方API，第三方API其实在应用中很常见比如：车牌识别、图片搜索、短信接口、语音识别、语音合成、天气数据、地铁查询、实时物流、飞机查询等等。

【愚公系列】2022年04月微信小程序-项目篇(公交查询)-06站点查询相关推荐

【愚公系列】2022年04月微信小程序-项目篇(公交查询)-02周边站点-获取位置和城市信息
文章目录前言 1.相关API 一.获取位置和城市信息前言 1.相关API 逆地址解析:提供由经纬度到文字地址及相关位置信息的转换能力,广泛应用于物流.出行.O2O.社交等场景.服务响应速度快.稳定 ...
【愚公系列】2022年04月微信小程序-项目篇(公交查询)-01周边站点
文章目录前言 1.公交车站的意义 2.公交车站的作用一.周边站点 1.wxml 2.js 3.wxss 4.实际效果前言 1.公交车站的意义转变现有出行模式,倡导公共交通和混合动力汽车.电动车 ...
【愚公系列】2022年04月微信小程序-项目篇(公交查询)-03周边站点-获取周边站址
文章目录前言 1.相关API 2.相关案例一.获取周边站址总结前言 1.相关API 接口地址:https://api.jisuapi.com/transit/nearby 返回格式:JSON, ...
【愚公系列】2022年04月微信小程序-项目篇(公交查询)-04周边站点-地图展示
文章目录前言 1.相关API 一.地图展示 1.js 2.wxml 前言 1.相关API 本文使用的是百度地图API,百度地图JavaScript API是一套由JavaScript语言编写的应用程 ...
【愚公系列】2022年04月微信小程序-项目篇(公交查询)-05线路查询
文章目录前言 1.相关API 2.相关案例一.站点搜索 1.wxml 2.js 3.效果总结前言 1.相关API 接口地址:https://api.jisuapi.com/transit/li ...
【愚公系列】2022年04月微信小程序-项目篇(祝福语)-01 首页页面设计
文章目录前言一.首页页面设计 1.首先上图 2.全局样式设置 3.搜索框设计 3.1 页面效果 3.2 WXML 3.2 WXSS 3.3 JS 4.类别设计 3.1 页面效果 3.2 WXML ...
【愚公系列】2022年08月微信小程序项目篇-抽奖轮盘
文章目录前言一.抽奖轮盘 1.标题布局 1.1 CSS 1.2 HTML 1.4 效果 2.轮盘布局 2.1 CSS 2.2 HTML 2.3 效果 3.轮盘分割 3.1 CSS 3.2 HTML ...
【愚公系列】2022年04月微信小程序-多人音视频对话
文章目录前言一.多人音视频对话 1.wxml 2.js 前言微信小程序开发多人音视频对话首先得去小程序管理后台,「开发」-「接口设置」中自助开通该组件权限. 相关属性: 一级类目/主体类型二级 ...
2022年04月微信小程序-富文本和文本的使用
前言富文本格式(Rich Text Format)即RTF格式,又称多文本格式,是由微软公司开发的跨平台文档格式.大多数的文字处理软件都能读取和保存RTF文档.它是一种方便于不同的设备.系统查看的文 ...

【愚公系列】2022年04月微信小程序-项目篇(公交查询)-06站点查询

文章目录

前言

1.相关API

2.相关案例

一、站点搜索

1.wxml

2.js

3.效果

总结

【愚公系列】2022年04月微信小程序-项目篇(公交查询)-06站点查询相关推荐

最新文章

热门文章

【愚公系列】2022年04月 微信小程序-项目篇(公交查询)-06站点查询

文章目录

前言

1.相关API

2.相关案例

一、站点搜索

1.wxml

2.js

3.效果

总结

【愚公系列】2022年04月 微信小程序-项目篇(公交查询)-06站点查询相关推荐

最新文章

热门文章

【愚公系列】2022年04月微信小程序-项目篇(公交查询)-06站点查询

【愚公系列】2022年04月微信小程序-项目篇(公交查询)-06站点查询相关推荐