关于微信小程序缩放视野展示所有经纬度---includePoints

前言

刚开始使用地图基本属性include-points，没有起作用，地图也不能再放大缩小，所以就放弃了，改用api手动实现

使用方法

最终使用的是 MapContext.includePoints(Object object)，下面来说明一下我在项目中是如何做的

1. wxml

   <map id="myMap" style="width: 100%; height: 250px;" latitude="{{latitude}}" longitude="{{longitude}}"
       markers="{{markers}}" show-location>map>
   

2. js

   data: {
   	mapCtx: null
   },
   onLoad: function() {
   	this.setData({
         mapCtx: wx.createMapContext('myMap')
       })
   	this.getUserLocation();
   	this.getData();
   }
   getUserLocation() {
   	//获取用户定位
   	wx.getLocation({
         type: 'wgs84',
         success: function (res) {
           that.setData({
             longitude: res.longitude,
             latitude: res.latitude
           })
         }
       })
   }
   getData() {
   	//我这里用result表示从后台获取到的数据,result为对象数组。
   	let {mapCtx} = this.data
       let points = []
       result.forEach(item => {
       	let obj = {
             latitude: item.lat,
             longitude: item.lng
           }
           points.push(obj)
       })
     	mapCtx.includePoints({
          padding:[100,100,100,100], 
          points,
       })
   }