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

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

在pages下创建一个单页如local

local.js如下

var app = getApp()
Page({ data:{latitude:'',longitude:''},getLocation:function(e) {console.log(e)var that = thiswx.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"}
}

微信小程序实现简单定位功能相关推荐

onenetsim定位功能吗_微信小程序新增后台定位功能，你会卸载地图APP用微信导航吗...
[PConline]8月8日,根据微信官方发布的消息显示,小程序新增后台定位功能,并对自动化测试功能进行了升级.据介绍,为了满足线路导航.路线记录等服务场景下,小程序需要长时间持续定位来提供服务.当用 ...
微信小程序后台持续定位功能使用
微信小程序团队在7月30日更新了基础库 2.8.0 其中新添加了小程序后台持续定位功能和联系定位的接口从上到下分别是 1.wx.onLocationChange//监听位置实时变化 2.wx.st ...
微信小程序后台持续定位功能使用详解
微信小程序团队在7月30日更新了基础库 2.8.0 其中新添加了小程序后台持续定位功能和联系定位的接口从上到下分别是 1.wx.onLocationChange//监听位置实时变化 2.wx.st ...
借鉴华为HiLink实现微信小程序智能配网功能
借鉴华为HiLink实现微信小程序智能配网功能微信小程序介绍微信公众号智能配网 Smartconfig实现原理 Smartconfig技术的弊端 AP配网技术的出现微信小程序智能配网模块端设置 ...
如何实现消息功能_如何实现微信小程序的轮盘抽奖功能
为了吸引用户,商家会做一些活动,利用赠送或充值的积分来进行抽奖,现在来讲下微信小程序如果实现轮盘抽奖的功能,先看下图: 上面展示的就是轮盘抽奖,一共有六个奖项,其中一个是"不中奖" ...
【微信小程序系列】微信小程序超简单教程，基本语法，获取用户基本数据信息，实现对云数据库的增删改查及小程序外部api的引用示例（附源码）
[微信小程序系列]微信小程序超简单教程小程序项目结构静态页面的构成 HTML:结构 css:样式 js:行为小程序页面全部存放在pages, 而且pages目录只能存放页面页面包括4个文件, ...
微信小程序实现换肤功能
参考链接: (1)微信小程序实现换肤功能 https://www.jb51.net/article/136445.htm (2)微信小程序实现换肤功能 https://blog.csdn.net/qq ...
微信小程序的简单介绍
微信小程序的简单介绍 1.与HTML的区别 HTML 微信小程序 <div></div> <view></view> <h1></h1 ...
低成本免服务器微信小程序源码多功能集合搭建
现如今在线副业已经成为一种趋势,越来越多的人选择副业作为起步.小程序凭借不占内存.无论前期投入还是后期维护,成本都较低:如果你想副业来赚钱,选择小程序是非常不错的选择,有很多人可能会问,我不会做小程序 ...

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

微信小程序实现简单定位功能相关推荐

最新文章

热门文章