微信小程序实现获取自己所处位置的经纬度坐标功能示例


Posted in Javascript onNovember 30, 2017

本文实例讲述了微信小程序实现获取自己所处位置的经纬度坐标功能。分享给大家供大家参考,具体如下:

1、效果展示

微信小程序实现获取自己所处位置的经纬度坐标功能示例

2、关键代码

index.wxml布局文件代码

<view>纬度:{{latitude}}</view>
<view>经度:{{longitude}}</view>

index.js逻辑文件代码

Page({
 data: {
  latitude:'',
  longitude:''
 },
 onLoad: function () {
  var that=this;
  wx.getLocation({
   type: 'wgs84',
   success: function(res) {
    that.setData({
     latitude:res.latitude,
     longitude:res.longitude
    })
   }
  })
 }
})

3、完整实例代码点击此处本站下载

希望本文所述对大家微信小程序开发有所帮助。

Javascript 相关文章推荐
JavaScript 不只是脚本
May 30 Javascript
node.js中的fs.fstat方法使用说明
Dec 15 Javascript
js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法
Apr 25 Javascript
js由下向上不断上升冒气泡效果实例
May 07 Javascript
ES6(ECMAScript 6)新特性之模板字符串用法分析
Apr 01 Javascript
vue拦截器Vue.http.interceptors.push使用详解
Apr 22 Javascript
js canvas实现QQ拨打电话特效
May 10 Javascript
Angularjs中的验证input输入框只能输入数字和小数点的写法(推荐)
Aug 16 Javascript
vue之debounce属性被移除及处理详解
Nov 13 Javascript
微信小程序仿通讯录功能
Apr 09 Javascript
vue 公共列表选择组件,引用Vant-UI的样式方式
Nov 02 Javascript
Handtrack.js库实现实时监测手部运动(推荐)
Feb 08 Javascript
微信小程序实战篇之购物车的实现代码示例
Nov 30 #Javascript
微信小程序支付及退款流程详解
Nov 30 #Javascript
windows下更新npm和node的方法
Nov 30 #Javascript
实例教学如何写vue插件
Nov 30 #Javascript
微信小程序简单实现form表单获取输入数据功能示例
Nov 30 #Javascript
VueJs使用Amaze ui调整列表和内容页面
Nov 30 #Javascript
vue的状态管理模式vuex
Nov 30 #Javascript
You might like
echo(),print(),print_r()之间的区别?
2006/11/19 PHP
php trim 去除空字符的定义与语法介绍
2010/05/31 PHP
一个PHP验证码类代码分享(已封装成类)
2011/07/17 PHP
ThinkPHP3.2框架使用addAll()批量插入数据的方法
2017/03/16 PHP
PHP使用ActiveMQ实现消息队列的方法详解
2019/05/31 PHP
用js判断用户浏览器是否是XP SP2的IE6
2007/03/08 Javascript
js判断浏览器类型为ie6时不执行
2014/06/15 Javascript
jQuery实现感应鼠标动画效果自动伸长的输入框实例
2015/02/24 Javascript
javascript中闭包(Closure)详解
2016/01/06 Javascript
js输出数据精确到小数点后n位代码
2016/07/02 Javascript
微信小程序 倒计时组件实现代码
2016/10/24 Javascript
小发现之浅谈location.search与location.hash的问题
2017/06/23 Javascript
BackBone及其实例探究_动力节点Java学院整理
2017/07/14 Javascript
nodejs创建简易web服务器与文件读写的实例
2017/09/07 NodeJs
Vue组件之全局组件与局部组件的使用详解
2017/10/09 Javascript
vue-cli webpack 引入jquery的方法
2018/01/10 jQuery
node.js利用socket.io实现多人在线匹配联机五子棋
2018/05/31 Javascript
vue-cli中使用高德地图的方法示例
2019/03/28 Javascript
node基于async/await对mysql进行封装
2019/06/20 Javascript
JavaScript实现文件下载并重命名代码实例
2019/12/12 Javascript
vue列表数据发生变化指令没有更新问题及解决方法
2020/01/16 Javascript
详解Django配置优化方法
2019/11/18 Python
Pytorch在dataloader类中设置shuffle的随机数种子方式
2020/01/14 Python
Python如何实现的二分查找算法
2020/05/27 Python
python 用opencv实现图像修复和图像金字塔
2020/11/27 Python
大学生家政服务项目创业计划书
2014/01/30 职场文书
新学期教师寄语
2014/04/02 职场文书
车队司机个人自我鉴定
2014/04/17 职场文书
助人为乐好少年事迹材料
2014/08/18 职场文书
病人慰问信范文
2015/02/15 职场文书
招商银行收入证明
2015/06/17 职场文书
微信早安问候语
2015/11/10 职场文书
甜美蛋糕店的创业计划书模板,拿来即用!
2019/08/21 职场文书
为Java项目添加Redis缓存的方法
2021/05/18 Redis
详解Java实践之适配器模式
2021/06/18 Java/Android
Mysql 文件配置解析介绍
2022/05/06 MySQL