用戶
 找回密碼
 立即注冊

QQ登錄

只需一步,快速開始

掃一掃,登錄網站

小程序社區 首頁 資訊/觀點 查看內容

3分鐘教你學會使用路線規劃小程序插件

Rolan 2019-10-17 00:13

以下內容轉載自微信開放社區騰訊位置服務官方文章《3分鐘教你學會使用路線規劃小程序插件》作者:騰訊位置服務鏈接:https://developers.weixin.qq....來源:微信開放社區著作權歸作者所有。商業轉載請聯系作者獲得 ...

以下內容轉載自微信開放社區騰訊位置服務官方文章《3分鐘教你學會使用路線規劃小程序插件》

作者: 騰訊位置服務

鏈接: https://developers.weixin.qq....

來源:微信開放社區

著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

路線規劃小程序插件是騰訊位置服務開發的一款為用戶規劃駕車、公交、步行路線方案的插件。開發者可以直接在小程序內使用這個插件,從而為自己的用戶提供多種出行方案選擇。

路線規劃插件的功能

路線規劃插件能為用戶規劃駕車出行路線(如下圖1所示),并且當行車起點和行車終點之間可以規劃出多個方案時會展示多個方案及方案耗時。這些不同方案體現了不同的策略,例如根據實時路況時間最短、紅綠燈數較少、少收費等策略。

同時駕車路線在地圖中會通過不同路線的顏色直觀反映道路的擁堵情況,例如紅色路線表示那段道路擁堵,這就能夠讓用戶提前規避擁堵路段。

路線規劃插件也能為用戶規劃步行出行路線(如下圖2所示),不僅顯示了步行路線距離和耗時信息,還顯示了用戶步行過程中,走過的天橋、人行橫道數量,更人性化的顯示了步行消耗了多少卡路里。

路線規劃插件還能為用戶規劃公交出行路線(如下圖所示),提供多種公交和地鐵出行方案,并且用戶可以根據自己的實際情況進行方案排序,例如時間短優先排序、少步行優先排序、少換乘優先排序。出行方案上也會有時間短這樣的標志信息說明方案特點。

路線規劃插件的應用場景

路線規劃插件應用場景非常豐富,可以直接接入到餐飲、電影等各種類型的小程序中,讓消費者在小程序中就能獲得到達門店的路線規劃方案,方便去門店消費。

設想一個場景,小王周末想要吃一頓大餐,于是打開了某家餐廳小程序,當小王決定去這家餐廳時,不需要再打開地圖軟件去規劃出行路線,通過我們的路線規劃插件,在這家餐廳的小程序中就能直接規劃小王目前的位置到餐廳的出行路線。小王可以選擇開車去餐廳,如果今天車牌號限行,那么小王也可以選擇公共交通出行,如果到餐廳的距離很近,那么小王可以選擇步行方式到達餐廳。

小程序只需要使用路線規劃插件就能擁有這些全面精準規劃路線能力。看了這些功能,是不是想馬上體驗呢?別急!接下來就介紹路線規劃插件的使用方法。

路線規劃插件的使用方法

1、申請路線規劃插件

在微信公眾平臺中, “微信小程序官方后臺-設置-第三方設置-插件管理” 里點擊 “添加插件”(如下圖所示),搜索 “騰訊位置服務路線規劃” ,選擇添加插件,小程序開發者就可以在小程序內使用該插件了。

2、申請key

調用路線規劃插件需要申請騰訊位置服務的服務賬號,key是開發者的唯一標識,申請key請點擊 這里 。申請key的具體步驟如下:

2.1 填寫申請信息

2.2 創建key成功

2.3 授權小程序appid

開通微信小程序服務:控制臺 -> key管理 -> 設置(使用該功能的key)-> 勾選“微信小程序” -> 填寫“授權 APP ID” ->保存。

2.4 勾選“WebService API”及“白名單”

微信小程序插件需要使用WebService API的部分服務,所以使用該功能的key需要具備相應的權限。

如果開發者之前是騰訊位置服務的用戶并申請過key,則可以跳過上面2.1、2.2的步驟,直接進行2.3、2.4步驟的設置。

3、在小程序中引入路線規劃插件

只需要在小程序的app.json文件做如下配置就可以在小程序中引入路線規劃插件:

// app.json
{
  "plugins": {
    "routePlan": {
      "version": "1.0.0",
      "provider": "wx50b5593e81dd937a"
    }
  },
  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息將用于小程序定位"
    }
  }
}

4、在小程序中調用路線規劃插件

在小程序中調用路線規劃插件也非常簡單:

let plugin = requirePlugin('routePlan');
let key = '';  //使用在騰訊位置服務申請的key
let referer = '';   //調用插件的小程序的名稱
let startPoint = JSON.stringify({  //起點
  'name': '中國技術交易大廈',
  'latitude': 39.984154,
  'longitude': 116.30749
});
let endPoint = JSON.stringify({  //終點
  'name': '北京西站',
  'latitude': 39.894806,
  'longitude': 116.321592
});
wx.navigateTo({
  url: 'plugin://routePlan/route-plan?key=' + key + '&referer=' + referer + '&endPoint=' + endPoint
});

如以上示例代碼所示,只需要傳4個參數,就能為小程序用戶提供駕車、公交、步行路線規劃信息了。這4個參數含義如下:

  • key,開發者的唯一標識,第2步申請的key
  • referer,調用插件的小程序的名稱
  • startPoint,起點名稱和坐標信息,如果不傳起點參數,則起點默認當前用戶的真實位置
  • endPoint,終點名稱和坐標信息

怎么樣?看了上面的使用方法是不是覺得很簡單呢?騰訊位置服務開發路線規劃插件的目的就是為了減少開發者開發成本,解放開發者生產力,所以才把這些復雜的路線規劃業務封裝成了插件,方便小程序開發者使用。

那么還猶豫什么呢?立即點擊 這里 去體驗使用吧!

另外,騰訊位置服務還推出了 地鐵圖小程序插件 ,為用戶提供查看各城市地鐵線路的功能,還能幫用戶檢索到最優點地鐵出行線路及每個站隊的詳情信息。

后續,騰訊位置服務還會開發更多的關于地圖相關的小程序插件,還請各位開發者持續關注我們的 服務商主頁 !

鮮花
鮮花
雞蛋
雞蛋
分享至 : QQ空間
收藏
原作者: 山角函獸 來自: segmentfault
不朽的浪漫援彩金
甘肃十一选五走势图表 能赚钱的捕鱼游戏下 四川麻将下载 河北十一选五的走势 河南十一选五 欢乐湖北麻将最新版 街机捕鱼游戏下载 乐胡麻将手机版 多狐河南麻将app 3d预测南方双彩网 棒球比分直播即时比分 山西11选五遗漏 网络小说如何赚钱 熊猫四川麻将群 香港六合彩报码 福建36选7查询