Question

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

Answer 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如下

<view class="page-body">
<view class="page-body-form">
    <text class="page-body-form-key">经度：</text>
    <input class="page-body-form-value" type="text" 
    value="{{longitude}}" name="longitude"></input>
    <text class="page-body-form-key">纬度:</text>
    <input class="page-body-form-value" type="text" 
    value="{{latitude}}" name="latitude"></input>  
    <view class="page-body-buttons">
    <button class="page-body-button" type="primary" 
    bindtap="getLocation">获取位置</button>
    </view>
</view>
</view>

app.json如下

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