类似西瓜足迹小程序地图组件:

wxml:

<button<span="">class="button"bindtap="getlocation"style="margin-top:30px"markers="{{markers}}">定位<map<span="">longitude="{{longitude}}"latitude="{{latitude}}"markers="{{markers}}"covers="{{covers}}"style="width:100%;height:300px;margin-top:30px">

js:

//获取应用实例varapp=getApp()Page({data:{latitude:0,//纬度longitude:0,//经度speed:0,//速度accuracy:16,//位置精准度markers:[],covers:[],},onLoad:function(){},getlocation:function(){varmarkers=[{latitude:28.211400,longitude:112.914250,name:'喜地大厦',desc:'我的位置'}]varcovers=[{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){varlatitude=res.latitudevarlongitude=res.longitudevarspeed=res.speedvaraccuracy=res.accuracyconsole.log("latitude:"+latitude)console.log("longitude:"+longitude)console.log("speed:"+speed)console.log("accuracy:"+accuracy)wx.openLocation({latitude:latitude,longitude:longitude,scale:28})}})}})