功能需求

如滴滴打車，當用戶叫到車之后，會在用戶的界面同時顯示用戶當前位置和車輛位置，這兩個點對程序來說都是隨機的，怎么讓兩個點都顯示在地圖可視區(qū)域呢？

?

解決方法

小程序中不需要我們計算縮放級數(shù)，有一個?includePoints 方法可以實現(xiàn)。

?

關(guān)鍵代碼

// 第一步 // 在頁面初次渲染時 使用 wx.createMapContext 獲取map上下文 onReady: function () {this.mapCtx = wx.createMapContext('map'); // map為地圖的id }// 第二步 // 定義一個 includePointsFn 方法, 參數(shù)為需要顯示的坐標點(可多個) includePointsFn: function (Point1, Point2) {// 縮放視野展示所有經(jīng)緯度(小程序API提供)this.mapCtx.includePoints({padding: [80, 50, 80, 50],points: [Point1, Point2]}) },

具體可參看官方接口：https://developers.weixin.qq.com/miniprogram/dev/api/api-map.html#wxcreatemapcontextmapid

?

結(jié)果輸出

測試沒有問題。

總結(jié)

以上是生活随笔為你收集整理的小程序上让随机的两个点都显示在地图可视区域的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。