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


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 基础篇之运算符、语句(二)
Apr 07 Javascript
通过jQuery源码学习javascript(二)
Dec 27 Javascript
在js文件中写el表达式取不到值的原因及解决方法
Dec 23 Javascript
js实现Select下拉框具有输入功能的方法
Feb 06 Javascript
javascript中call,apply,bind的用法对比分析
Feb 12 Javascript
JavaScript使用RegExp进行正则匹配的方法
Jul 11 Javascript
jquery的ajax提交form表单的两种方法小结(推荐)
May 25 Javascript
解决AngualrJS页面刷新导致异常显示问题
Apr 20 Javascript
详解create-react-app 自定义 eslint 配置
Jun 07 Javascript
vue 设置路由的登录权限的方法
Jul 03 Javascript
使用D3.js+Vue实现一个简单的柱形图
Aug 05 Javascript
bootstrap-table formatter 使用vue组件的方法
May 09 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
两种php调用Java对象的方法
2006/10/09 PHP
分页详解 从此分页无忧(PHP+mysql)
2007/11/23 PHP
基于MySQL分区性能的详细介绍
2013/05/02 PHP
php实现批量压缩图片文件大小的脚本
2014/07/04 PHP
yii2.0整合阿里云oss删除单个文件的方法
2017/09/19 PHP
JavaScript入门教程(1) 什么是JS
2009/01/31 Javascript
JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结
2010/06/18 Javascript
JavaScript继承方式实例
2010/10/29 Javascript
javaScript年份下拉列表框内容为当前年份及前后50年
2014/05/28 Javascript
js中confirm实现执行操作前弹出确认框的方法
2014/11/01 Javascript
JS实现slide文字框缩放伸展效果代码
2015/11/05 Javascript
jquery Deferred 快速解决异步回调的问题
2016/04/05 Javascript
移动端web滚动分页的实现方法
2017/05/05 Javascript
微信小程序实现多个按钮toggle功能的实例
2017/06/13 Javascript
基于vue的换肤功能的示例代码
2017/10/10 Javascript
详解ES6中的三种异步解决方案
2018/06/28 Javascript
Javascript三种字符串连接方式及性能比较
2019/05/28 Javascript
微信小程序多列表渲染数据开关互不影响的实现
2020/06/05 Javascript
JavaScript实现烟花绽放动画效果
2020/08/04 Javascript
[46:09]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第三场
2014/05/26 DOTA
Python获取脚本所在目录的正确方法
2014/04/15 Python
python文件和目录操作函数小结
2014/07/11 Python
python基础教程之循环介绍
2014/08/29 Python
Python 出现错误TypeError: ‘NoneType’ object is not iterable解决办法
2017/01/12 Python
Python+PIL实现支付宝AR红包
2018/02/09 Python
在python中实现强制关闭线程的示例
2019/01/22 Python
Pyinstaller打包.py生成.exe的方法和报错总结
2019/04/02 Python
[机器视觉]使用python自动识别验证码详解
2019/05/16 Python
中国最大隐形眼镜网上商城:视客眼镜网
2016/10/30 全球购物
美国一家全面的在线零售鞋类公司:SHOEBACCA
2017/01/06 全球购物
加拿大领先的冒险和户外零售商:Atmosphere
2017/12/19 全球购物
大学生就业意向书范文
2014/04/01 职场文书
摩登时代观后感
2015/06/03 职场文书
迁徙的鸟观后感
2015/06/09 职场文书
MySQL中distinct和count(*)的使用方法比较
2021/05/26 MySQL
Golang 并发编程 SingleFlight模式
2022/04/26 Golang