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

前端之家收集整理的这篇文章主要介绍了微信小程序 地图map实例详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

wxml:

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,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 }) } }) } })

效果图:

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持

原文链接:https://www.f2er.com/weapp/38788.html

猜你在找的微信小程序相关文章