微信小程序 map组件 include-points 缩放视野以包含所有给定的坐标点
代码如下：
<template>
<view>
<view class="page-body">
<view class="page-section page-section-gap">
<map style="width: 99%; height: 99vh;" show-compass :latitude="latitude" :longitude="longitude" :markers="markers" :include-points="points" id="mymap">
</map>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
id:0, // 使用 marker点击事件 需要填写id
title: \'map\',
// latitude: 33.50306,
// longitude: 116.39742,
markers: [{
latitude: 33.50306,
longitude: 119.14108,
iconPath: \'../../static/logo.png\'
}, {
latitude: 33.600533333,
longitude: 119.04591338,
iconPath: \'../../static/logo.png\'
}]
}
},
onReady: function(event) {
this.mapCtx = wx.createMapContext(\'mymap\');
this.includePoints();
},
methods: {
includePoints() {
var that = this;
that.mapCtx.includePoints({
padding: [ 70,],
points: [{
latitude: 33.50306,
longitude: 119.14108,
},
{
latitude: 33.600533333,
longitude: 119.04591338,
}
]
})
}
},
}
</script>
