微信小程序 地图map实例详解

微信小程序 地图map实例详解

wxml:

bindtap="getlocation" markers="{{markers}}">定位 longitude="{{longitude}}" latitude="{{latitude}}" markers="{{markers}}" covers="{{covers}}">

js:

//获取应用实例 var app = getApp() Page({ data: { latitude: 0,//纬度 longitude: 0,//经度 speed: 0,//速度 accuracy: 16,//位置精准度 markers: [], covers: [], }, onLoad: function () { }, getlocation: function () { var markers = [{ latitude: 28.211400, longitude: 112.914250, name: '喜地大厦', desc: '我的位置' }] var covers = [{ latitude: 28.211400, longitude: 112.914250, iconPath: '/image/ic_position.png', rotate: 0 }] this.setData({ longitude: 112.914250, latitude: 28.211400, markers: markers, covers: covers, }) wx.getLocation({ type: 'gcj02', success: function (res) { var latitude = res.latitude var longitude = res.longitude var speed = res.speed var accuracy = res.accuracy console.log("latitude:" + latitude) console.log("longitude:" + longitude) console.log("speed:" + speed) console.log("accuracy:" + accuracy) wx.openLocation({ latitude: latitude, longitude: longitude, scale: 28 }) } }) } })

效果图:

微信小程序 地图map实例详解

微信小程序 地图map实例详解

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wyxfjy.html