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


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 相关文章推荐
jqPlot jquery的页面图表绘制工具
Jul 25 Javascript
基于jQuery的公告无限循环滚动实现代码
May 11 Javascript
jquery延迟加载外部js实现代码
Jan 11 Javascript
jQuery1.9.1针对checkbox的调整方法(prop)
May 01 Javascript
关于JavaScript限制字数的输入框的那些事
Aug 14 Javascript
JS实现的手机端精简幻灯片效果
Sep 05 Javascript
Ionic 2 实现列表滑动删除按钮的方法
Jan 22 Javascript
百度地图JavascriptApi Marker平滑移动及车头指向行径方向
Mar 13 Javascript
手写Node静态资源服务器的实现方法
Mar 20 Javascript
vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)
Aug 24 Javascript
angularJs中ng-model-options设置数据同步的方法
Sep 30 Javascript
vue修改Element的el-table样式的4种方法
Sep 17 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
非常不错的MySQL优化的8条经验
2008/03/24 PHP
ThinkPHP中的系统常量和预定义常量集合
2014/07/01 PHP
php构造函数的继承方法
2015/02/09 PHP
PHP中COOKIES使用示例
2015/07/26 PHP
php $_SESSION会员登录实例分享
2021/01/19 PHP
PHP生成静态HTML文档实现代码
2016/06/23 PHP
php微信公众平台开发(四)回复功能开发
2016/12/06 PHP
js实现运行代码需要刷新的解决方法
2007/08/18 Javascript
JavaScript 应用类库代码
2008/06/02 Javascript
10个实用的脚本代码工具
2010/05/04 Javascript
jQuery中的bind绑定事件与文本框改变事件的临时解决方法
2010/08/13 Javascript
数组方法解决JS字符串连接性能问题有争议
2011/01/12 Javascript
用js判断是否为360浏览器的实现代码
2015/01/15 Javascript
JavaScript中constructor()方法的使用简介
2015/06/05 Javascript
浅析JavaScript声明变量
2015/12/21 Javascript
不同js异步函数同步的实现方法
2016/05/28 Javascript
原生js仿淘宝网商品放大镜效果
2017/02/28 Javascript
jQuery插件HighCharts实现的2D回归直线散点效果示例【附demo源码下载】
2017/03/09 Javascript
jQuery实现页面倒计时并刷新效果
2017/03/13 Javascript
javascript实现多张图片左右无缝滚动效果
2017/03/22 Javascript
微信小程序中使用ECharts 异步加载数据实现图表功能
2018/07/13 Javascript
小程序测试后台服务的方法(ngrok)
2019/03/08 Javascript
Vue中qs插件的使用详解
2020/02/07 Javascript
jQuery实现本地存储
2020/12/22 jQuery
Centos5.x下升级python到python2.7版本教程
2015/02/14 Python
Windows下PyMongo下载及安装教程
2015/04/27 Python
win8下python3.4安装和环境配置图文教程
2018/07/31 Python
详解python中的Turtle函数库
2018/11/19 Python
Python跳出多重循环的方法示例
2019/07/03 Python
django的model操作汇整详解
2019/07/26 Python
pycharm导入源码的具体步骤
2020/08/04 Python
Pycharm 如何一键加引号的方法步骤
2021/02/05 Python
餐饮管理自我介绍信
2014/01/15 职场文书
实习指导老师意见
2015/06/04 职场文书
Nginx设置日志打印post请求参数的方法
2021/03/31 Servers
apache虚拟主机配置的三种方式(小结)
2022/07/23 Servers