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


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 相关文章推荐
js为鼠标添加右击事件防止默认的右击菜单弹出
Jul 29 Javascript
js和html5实现手机端刮刮卡抽奖效果完美兼容android/IOS
Nov 18 Javascript
jquery easyui使用心得
Jul 07 Javascript
jquery实现类似淘宝星星评分功能有截图
Sep 15 Javascript
JavaScript实现动画打开半透明提示层的方法
Apr 21 Javascript
JavaScript省市区三级联动菜单效果
Sep 21 Javascript
iOS和Android用同一个二维码实现跳转下载链接的方法
Sep 28 Javascript
js实现网页定位导航功能
Mar 07 Javascript
vue使用pdfjs显示PDF可复制的实现方法
Dec 14 Javascript
如何利用vue+vue-router+elementUI实现简易通讯录
May 13 Javascript
JS学习笔记之贪吃蛇小游戏demo实例详解
May 29 Javascript
微信小程序发布新版本时自动提示用户更新的方法
Jun 07 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
ADODB的数据库封包程序库
2006/12/31 PHP
php中session定期自动清理的方法
2015/11/12 PHP
javascript 动态添加表格行
2006/06/22 Javascript
Prototype Object对象 学习
2009/07/12 Javascript
JavaScript中继承的一些示例方法与属性参考
2010/08/07 Javascript
js判断输入是否为正整数、浮点数等数字的函数代码
2010/11/17 Javascript
23个Javascript弹出窗口特效整理
2011/02/25 Javascript
js监听输入框值的即时变化onpropertychange、oninput
2011/07/13 Javascript
jquery删除指定的html标签并保留标签内文本内容的方法
2014/04/02 Javascript
JavaScript前端图片加载管理器imagepool使用详解
2014/12/29 Javascript
jquery中ready()函数执行的时机和window的load事件比较
2015/06/22 Javascript
Canvas 制作动态进度加载水球详解及实例代码
2016/12/09 Javascript
vue调用高德地图实例代码
2017/04/28 Javascript
express+mockjs实现模拟后台数据发送功能
2018/01/07 Javascript
vue-cli3脚手架的配置及使用教程
2018/08/28 Javascript
解决vue同一slot在组件中渲染多次的问题
2018/09/06 Javascript
ES6基础之解构赋值(destructuring assignment)
2019/02/21 Javascript
Vue CLI 2.x搭建vue(目录最全分析)
2019/02/27 Javascript
JS原生瀑布流效果实现
2019/04/26 Javascript
微信小程序云开发实现云数据库读写权限
2019/05/17 Javascript
vue实现搜索过滤效果
2019/05/28 Javascript
vue element 生成无线级左侧菜单的实现代码
2019/08/21 Javascript
ElementUI多个子组件表单的校验管理实现
2019/11/07 Javascript
jQuery表单校验插件validator使用方法详解
2020/02/18 jQuery
微信小程序实现购物车功能
2020/11/18 Javascript
python中global与nonlocal比较
2014/11/21 Python
用map函数来完成Python并行任务的简单示例
2015/04/02 Python
python使用multiprocessing模块实现带回调函数的异步调用方法
2015/04/18 Python
Python 调用Java实例详解
2017/06/02 Python
python 字典操作提取key,value的方法
2019/06/26 Python
html5使用canvas绘制文字特效
2014/12/15 HTML / CSS
HTML5视频播放插件 video.js介绍
2018/09/29 HTML / CSS
农村党支部先进事迹
2014/01/14 职场文书
销售经理工作职责
2014/02/03 职场文书
未婚证明格式
2015/06/15 职场文书
如何开启Apache,Nginx和IIS服务器的GZIP压缩功能
2022/04/29 Servers