微信小程序点击获取当前具体位置信息

一，创建一个地图页面

Location

二，地图页面内容

1，Location.wxml什么都不用写

2，Location.js

 
const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    longitude:0,//中心经度
    latitude:0,//中心纬度
    name:""//选择的位置名称
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
     this.moveToLocation()
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },
  moveToLocation:function(){
    var that=this;
    wx.chooseLocation({
     success:res=>{
       console.log(res)
       let place=res.name
       wx.navigateTo({
         url: '/pages/task/task?place='+place,
       })
     },
     fail:err=>{
     console.log(err)
     }
    })
  },
})

 

三，调用获取地图位置

1,点击获取位置在task.js页面

2，会跳转到刚才定义好的地图页面，然后选择好当前位置，然后传给task页面

3，调用页面内容

task.wxml

<view bindtap="getLocationPlace">
  点击获取位置
</view>

task.js

  onLoad: function (options) {
    console.log(options.place)//获取到Location页面传过来的位置名称
 
  },


  
getLocationPlace(){
    wx.navigateTo({
      url: '/pages/Location/Location',
    })
  }