微信小程序实现简单定位功能

来源：互联网发布：普通笔记本装mac系统编辑：程序博客网时间：2024/05/17 23:22

微信小程序实现简单定位功能，简单易读，获取经纬度信息

在pages下创建一个单页如local

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"  }}

0 0