<view class="page-section page-section-gap">
<map id="map" ref="map" style="width: 100%; height: 100vh;" :latitude="latitude"
:longitude="longitude" :markers="covers" @markertap="markerTab" :enable-poi="true"
subkey='7SQBZ-3GDCI-RTUGE-5FOI7-B7GEV-I4FSB' layer-style='4' :show-location="true"
:scale="scale" min-scale="8">
<cover-image src="../../static/image/index/position_icon.png"
style="width: 60rpx;height: 60rpx;position: absolute;right: 40rpx;top: -100rpx;" @click="clickcontrol">
</cover-image>
</map>
</view>
onShow() {
let _this = this
// 定时检测缩放等级是否改变
_this.intervalId = setInterval(() => {
// 以下代码用来获取地图的缩放等级
uni.createMapContext("map", this).getScale({
success: (res) => {
// console.log(res);
if (_this.scale != res) {
_this.scale = res;
// 模拟触发缩放等级改变的事件
// _this.onScaleChange(res);
}
}
})
}, 500);
},
onHide() {
// 停止检测
if (this.intervalId) {
clearInterval(this.intervalId);
this.intervalId = null;
}
},
method:{
clickcontrol(e) {
this.scale = 18
uni.createMapContext("map", this).moveToLocation({
latitude: this.latitude,
longitude: this.longitude
})
},
}