小程序如何获取经纬度信息实现定位功能

目的:利用微信小程序获取经纬度信息,从而实现简单地定位功能。

(学习视频分享:编程视频

在pages下创建一个单页如local

local.js如下

f39dc2e8f138ee9a1cc33333d1400d8.png

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中

7c25739230bd77d5f77695a33ce2d8d.png

相关推荐:小程序开发教程

相关文章

概述 消息能力是小程序能力中的重要组成,我们为开发者提供了...
判断H5页面环境在微信中还是小程序中 用小程序提供的wx.mini...
wx.reLaunch和wx.navigateTo,wx.navigateTo的区别 2019-03-...
微信小程序如何从数组里取值_微信小程序 传值取值的几种方法...
H5项目接入微信授权登录,通过 UA 区分微信还是普通浏览器:...
微信小程序获取data-xx=&quot;&quot;属性的值,自定...