小程序模板網(wǎng)

微信小程序之 map 地圖使用

發(fā)布時(shí)間:2021-07-06 08:53 所屬欄目:小程序開發(fā)教程

1、在app.json中與pages平級的位置處,加上:

"permission": {
"scope.userLocation": {
"desc": "你的位置信息將用于小程序位置接口展示"
}
},

注意:必須有類似于上面的漢字文字說明。 

2、在.wxml中
<button open-type="getUserInfo">允許使用微信昵稱等</button>
<button bindtap="getlocation">允許使用位置</button>
<button bindtap="userconfig">設(shè)置</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() {
              // 用戶已經(jīng)同意小程序使用錄音功能,后續(xù)調(diào)用 wx.startRecord 接口不會(huì)彈窗詢問
              //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
        // }
      }
    })
  }

經(jīng)測試可以取到位置經(jīng)緯度。


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://22321a.com/wxmini/doc/course/27024.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢