功能需求

如滴滴打車，當(dāng)用戶叫到車之后，會(huì)在用戶的界面同時(shí)顯示用戶當(dāng)前位置和車輛位置，這兩個(gè)點(diǎn)對(duì)程序來說都是隨機(jī)的，怎么讓兩個(gè)點(diǎn)都顯示在地圖可視區(qū)域呢？

?

解決方法

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

?

關(guān)鍵代碼

// 第一步 // 在頁面初次渲染時(shí) 使用 wx.createMapContext 獲取map上下文 onReady: function () {this.mapCtx = wx.createMapContext('map'); // map為地圖的id }// 第二步 // 定義一個(gè) includePointsFn 方法, 參數(shù)為需要顯示的坐標(biāo)點(diǎn)(可多個(gè)) 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é)果輸出

測(cè)試沒有問題。

總結(jié)

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

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