「車來了公交線路規劃」小程序，實現公交出行服務信息精準可視化

今天爲你們推薦的是「車來了公交線路規劃」小程序插件，由實時公交小程序「車來了」團隊出品，可爲用戶提供附近公交站、公交線路，乃至公交換乘查詢和公交線路規劃服務，亮點功能是實現了將「公交車到站時間」和「公交車到站距離」精準可視化。

「車來了公交線路規劃」插件能作什麼

經過使用「車來了公交線路規劃」插件，可以幫助第三方小程序作交通場景下的延伸服務，進而增加用戶使用時長，爲用戶提供更優質的體驗。

「車來了公交線路規劃」小程序插件適用於出行類、本地生活服務類的小程序，好比地鐵、火車、飛機等跨城出行、本地生活服務、本地娛樂等小程序開發者。

適用場景舉例：

場景1、跨城出行類小程序

---

—— 搭乘火車、飛機出行外地，火車站、機場想換成公交，怎麼辦？
—— 用公交線路插件給附近的站、線或者給用戶規劃最佳公交出行路線吧！

若是出行類小程序開發者選擇使用車來了提供的公交路線插件，開發成本將大幅下降，用戶體驗也能直線上升。咱們在這裏以跨城出行購票小程序爲例進行說明：

首先用戶在成功購買出行所需的火車票或機票後，車來了公交線路插件就能根據用戶所在位置及目的地火車站/飛機場，規劃出最合理的公交搭乘路線去跨城出行；

其次若是用戶使用所購火車票/機票到達目的地城市後，能夠在推送用戶到站信息附加延伸服務，經過用戶設計目的地後，規劃出從火車站/飛機場到目的地最合理的公交換乘線路；

場景2、本地生活服務類小程序

---

——預約了本地生活服務後，如何去消費呢？提早規劃一下當前位置到消費地點的公交路線吧。並且還能夠看到公交車離站點的距離，掐點等公交，更加方便的出行和消費體驗。

那麼車來了能夠給用戶提供什麼樣的功能呢？

1.附近公交（包括附近的公交線路與公交車站）

支持用戶查看本身所在位置附近的公交線路和站點狀況，以及公交車與站點的距離、到站時間預測。

2.公交路線規劃

支持點到點的出行方案查詢，用戶能夠選擇合適的換乘方案。

只需五步輕鬆接入「車來了公交線路規劃」小程序插件

1. 申請使用插件。在「小程序管理後臺 - 設置 - 第三方服務 - 插件管理」中查找插件名稱「車來了公交線路規劃」（appid: wx71d589ea01ce3321），並申請使用。待插件管理員贊成申請以後，便可使用插件進行集成。
2. 引入插件代碼。version 表示目前插件版本爲 1.0.3，provider 爲該插件的 AppID，而 chelaile 爲自定義的插件名稱，後續在代碼調用中須要經過此名稱來引用插件。

{
  "plugins": {
    "chelaile": {
        "version": "1.0.3", // 
「車來了」插件版本
        "provider": "wx71d589e
a01ce3321" //車來了插件AppId
        }
    }
}

3. 在代碼中引入插件：
const chelaile = requirePlugin("chelaile"); // 這裏的「chelaile」與上一步中自定義的插件註冊名稱保持一致。

4.驗證插件。小程序插件是一個不斷完善的功能，因此，本插件對小程序的基礎庫版本有必定的要求，在打開插件以前，請先驗證一下小程序的基礎庫版本是否符合要求，本插件提供了一個方法來判斷可否使用插件：

chelaile.caniuse(); // 返回true 說明基礎庫版本知足插件要求，反之返回 false版本驗證經過以後，須要經過 navigator 組件來打開插件，navigaotr 的 url 能夠經過下列方法獲取：let url = chelaile.getNavigatorUrl({
plugin: 'chelaile', // 用戶定義的插件名稱lng: 116.410288, // 經度lat: 39.995941, // 維度vendor: '使用者的惟一標識'});

其中，lng 與 lat 爲使用者的經緯度，若是經緯度無效，進入插件以後會要求用戶先手動選取城市，若是經緯度有效，會自動定位用戶所在城市。

5.得到了 url 插件的入口 url 以後，將 url 設置到 navigator 上便可。一個完整調用以下：

app.json

{
"pages": [
    "pages/index/index"
],
"plugins": {
    "chelaile": {
    "version": "dev",
    "provider": "wx71d589ea01ce3321"
     }
   }
}


pages/index/index.js  const chelaile = requirePlugin("chelaile")
Page({
    data: {
        mCanUse: false,
        url: ''
    },
    onLoad: function () {            if (chelaile.caniuse())
     {                let url = chelaile.getNavigatorUrl({
                plugin: 'chelaile', // 用戶定義的插件名字
                lng: 116.410288, // 經緯度
                lat: 39.995941,
                vendor: '請聯繫商務獲取' // 來源
            });                this.setData({
                mCanUse: true,
                url: url
            })
        } else {                this.setData({
                mCanUse: false
          })
     }
  }
  });


    pages/index/index.wxml<block wx:if="{{mCanUse}}">
    <navigator url="plugin://chelaile/index">打開車來了插件(不包含經緯度)</navigator>
    <navigator url="{{url}}">打開車來了插件(包含經緯度)</navigator></block><block wx:else>
    <view>當前小程序基礎庫版本不支持「車來了」小程序</view></block>

「車來了公交線路規劃」插件優秀案例

「高鐵管家」小程序使用了「車來了公交線路規劃」插件，在其頁面上開通了免費查公交功能，讓用戶在購票的同時，可使用到車來了的公交實時查詢服務，優化了用戶的出行體驗。（以下圖）

在此以前，咱們還介紹過「騰訊地圖」、「騰訊視頻」、「醫院 LBS 位置服務」、「微信同聲傳譯」插件，有興趣瞭解的讀者歡迎微信掃描下方二維碼，關注微信極客WeGeek公衆號，點擊公衆號底部菜單「極客乾貨 - 小程序插件」瞭解。