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

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

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

wxml：

class="button" bindtap="getlocation" style="margin-top:30px" markers="{{markers}}">定位

longitude="{{longitude}}" latitude="{{latitude}}" markers="{{markers}}" covers="{{covers}}"

style="width: 100%; height: 300px;margin-top:30px">

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)iaNuvxf

console.log("longitude:" + longitude)

console.log("speed:" + speed)

console.loghttp://("accuracy:" + accuracy)

wx.openLocation({

latitude: latitude,

longitude: longitude,

scale: 28

})

}

})

}

})

效果图：

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

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。