微信小程序 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>

微信小程序 map组件 include-points 缩放视野以包含所有给定的坐标点

原文:https://www.cnblogs.com/blts/p/15000345.html

以上是微信小程序 map组件 include-points 缩放视野以包含所有给定的坐标点的全部内容。
THE END
分享
二维码
< <上一篇
)">
下一篇>>