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


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 01 Javascript
js禁止回车提交表单的示例代码
Dec 23 Javascript
jquery修改属性值实例代码(设置属性值)
Jan 06 Javascript
Jquery解析json字符串及json数组的方法
May 29 Javascript
完全深入学习Bootstrap表单
Nov 28 Javascript
jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
Dec 26 Javascript
从零学习node.js之搭建http服务器(二)
Feb 21 Javascript
原生JS实现左右箭头选择日期实例代码
Mar 14 Javascript
Angularjs实现下拉框联动的示例代码
Aug 22 Javascript
利用Vue实现移动端图片轮播组件的方法实例
Aug 23 Javascript
Javascript 对象(object)合并操作实例分析
Jul 30 Javascript
Javascript中window.name属性详解
Nov 19 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写的MySQL数据库用户认证系统代码
2007/03/22 PHP
php生成excel文件的简单方法
2014/02/08 PHP
通过curl模拟post和get方式提交的表单类
2014/04/23 PHP
PHP程序员不应该忽略的3点
2015/10/09 PHP
深入解析PHP的Yii框架中的event事件机制
2016/03/17 PHP
ThinkPHP实现简单登陆功能
2017/04/28 PHP
Laravel框架实现文件上传的方法分析
2019/09/29 PHP
js玩一玩WSH吧
2007/02/23 Javascript
基于JQuery的一句代码实现表格的简单筛选
2010/07/26 Javascript
JQuery UI DatePicker中z-index默认为1的解决办法
2010/09/28 Javascript
jQuery中parents()方法用法实例
2015/01/07 Javascript
jQuery实现平滑滚动到指定锚点的方法
2015/03/20 Javascript
简介JavaScript中Math.LOG10E属性的使用
2015/06/14 Javascript
js实现简洁的滑动门菜单(选项卡)效果代码
2015/09/04 Javascript
Javascript复制实例详解
2016/01/28 Javascript
JS实现登录页面记住密码和enter键登录方法推荐
2016/05/10 Javascript
快速获取/设置iframe内对象元素的几种js实现方法
2016/05/20 Javascript
BootStrap daterangepicker 双日历控件
2017/06/02 Javascript
使用puppeteer破解极验的滑动验证码
2018/02/24 Javascript
实例分析编写vue组件方法
2019/02/12 Javascript
JavaScript表格隔行变色和Tab标签页特效示例【附jQuery版】
2019/07/11 jQuery
微信小程序页面上下滚动效果
2020/11/18 Javascript
微信小程序工具函数封装
2019/10/28 Javascript
深入浅析vue全局环境变量和模式
2020/04/28 Javascript
vue各种事件监听实例(小结)
2020/06/24 Javascript
微信小程序中target和currentTarget的区别小结
2020/11/06 Javascript
Taro小程序自定义顶部导航栏功能的实现
2020/12/17 Javascript
详解Python的迭代器、生成器以及相关的itertools包
2015/04/02 Python
python+numpy按行求一个二维数组的最大值方法
2019/07/09 Python
Python如何基于smtplib发不同格式的邮件
2019/12/30 Python
基于python代码批量处理图片resize
2020/06/04 Python
python3获取控制台输入的数据的具体实例
2020/08/16 Python
Pycharm Available Package无法显示/安装包的问题Error Loading Package List解决
2020/09/18 Python
python实现图像高斯金字塔的示例代码
2020/12/11 Python
货车司机岗位职责
2014/03/18 职场文书
药店促销活动策划方案
2014/08/24 职场文书