微信小程序定位功能开发,小程序定位功能怎么用

2025-03-12 00:46:55
推荐回答(1个)
回答1:

在微信小程序实现简单定位功能,简单易读,获取经纬度信息,在pages下创建一个单页,举例如local页面,配置该类页面的.js、.wxml、.json文件,来完成定位api接口的引用

local.js如下

var app = getApp()  
Page({ 
    data:{
       latitude:'',
       longitude:''
    },
  getLocation:function(e) {
    console.log(e)
    var that = this
    wx.getLocation({
      type: 'wgs84', // 默认为 wgs84 返回 gps 坐标,gcj02 返回可用于 wx.openLocation 的坐标
      success: function(res){
        console.log(res)     
      that.setData({
              longitude:res.longitude,
              latitude:res.latitude        
      })
    }
 })
}
})

local.wxml如下



    经度:
        value="{{longitude}}" name="longitude">
    纬度:
        value="{{latitude}}" name="latitude">  
    
        bindtap="getLocation">获取位置
    

app.json如下

{
  "pages":[
    "pages/local/local"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "定位",
    "navigationBarTextStyle":"black"
  }
}