小程序模板下载与定制平台
客服QQ客服QQ 客服微信客服微信 公众号公众号

微信小程序想要使用MAP地图怎么开发

下面就来说说微信小程序使用MAP地图的开发方法。

实现教程:

1、在app.json中与pages平级的位置处,加上:

"permission": {

"scope.userLocation": {

"desc": "你的位置信息将用于小程序位置接口展示"

}

},

注意:必须有类似于上面的汉字文字说明。 

2、在.wxml中

<button open-type="getUserInfo">允许使用微信昵称等</button>

<button bindtap="getlocation">允许使用位置</button>

<button bindtap="userconfig">设置</button>

<map class='map' id='myMap' longitude="{{longitude}}" latitude="{{latitude}}" scale="{{scale}}" 

show-location="true" markers="{{markers}}" bindmarkertap="bindMakertap" bindcontroltap='controlTap' 

bindregionchange='regionChange' controls='{{controls}}'

bindtap='bindMapTap'></map>

3、在.js中

getlocation: function() {

console.log("a")

wx.getSetting({

success(res) {

if (!res.authSetting['scope.userLocation']) {

console.log("not?")

wx.authorize({

scope: 'scope.userLocation',

success() {

// 用户已经同意小程序使用录音功能,后续调用 wx.startRecord 接口不会弹窗询问

//wx.startRecord()

}

})

}else{

console.log("允许",res)

wx.getLocation({

success: function(res) {

console.log(res)

},

})

}

})

console.log("b")   

},

userconfig: function() {

console.log("conf")    

// 获取

wx.openSetting({

success(res) {

console.log(res.authSetting)

// res.authSetting = {

//   "scope.userInfo": true,

//   "scope.userLocation": true

// }

}

})

}

经测试可以取到位置经纬度。

TAG标签:微信小程序MAP地图

上一个:微信小程序开发制作焦点轮播图的方法
下一个:最后一页

小程序模板

免责声明:本站资源均来自用户分享和网络收集,仅供学习研究,请勿用于商业用途,若损害您的权益,请联系网站客服,核实后立即删除。

咨询客服

QQ:1847629575

全年 09:00-23:00

(其他时间请留言)

在线客服

Copyright©2021 www.why114.com 瓦窑模板 版权所有 鲁ICP备20017802号

展开