微信小程序——map地图组件

1.wxml

<view>
  <text bindtap="map">选择地图</text>
  <view>
  您选取的地址是{{address}}
  位置名称是{{name}}
  经纬度是{{longitude}}{{latitude}}
  </view>
</view>

 2.js

 /**
   * 页面的初始数据
   */
  data: {
    address:'',
    name:'',
    longitude:'',
    latitude:''
  },
  map(v){
    var that = this;
    wx.chooseLocation({
      success: function (res) {
          console.log(res)
          that.setData({
            address: res.address,      //调用成功直接设置地址
            name: res.name,
            longitude: res.longitude,
            latitude: res.latitude
        })
      }
     })
  },

3.json

"plugins": {
    "chooseLocation": {
    "version": "1.0.9",
    "provider": "wx76a9a06e5b4e693e"
    }
  },
  "permission": {
    "scope.userLocation": {
    "desc": "你的位置信息将用于小程序定位"
    }
  },