微信小程序点击右下角的图片移动到当前位置
生活随笔
收集整理的這篇文章主要介紹了
微信小程序点击右下角的图片移动到当前位置
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
這個功能呢看了官方的demo 里面有,由于項目中用到了這個功能 這里記錄一下
一般的地圖有這個圖標點擊地圖會跳轉到個人當前定位的位置
首先在wxml 中給 map 取名一個id
下面是我的id 取名為map
<map id="map"style="width:100%; height:{{Height}}px"scale='16'latitude="{{latitude}}"longitude="{{longitude}}"markers="{{markers}}"covers="{{covers}}"bindmarkertap="bindmarkertap"show-location="true"></map>
?
然后在js的onRead 里面使用createMapContext 調用id
/*** 生命周期函數--監聽頁面初次渲染完成*/onReady: function () {this.mapCtx = wx.createMapContext('map')},
然后在寫一個監聽事件 調用moveToLocation()方法
currection:function(){this.mapCtx.moveToLocation()},
這樣就實現了。。。。。。。。。。。。。。
總結
以上是生活随笔為你收集整理的微信小程序点击右下角的图片移动到当前位置的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 定做酒柜多少钱一平方
- 下一篇: 微信小程序 文字换行