代码如下:
<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>
^_^ 亲爱的客官,如果您觉得本文对您有好处,请移动你的鼠标点点下面的关注我,一起学习,一起分享.~ ^_^
浙公网安备 33010602011771号