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

一,创建一个地图页面

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',
    })
  }

 

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值