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


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 相关文章推荐
jquery 选择器引擎sizzle浅析
Feb 06 Javascript
js中用window.open()打开多个窗口的name问题
Mar 13 Javascript
DOM基础教程之事件类型
Jan 20 Javascript
jQuery实现淡入淡出二级下拉导航菜单的方法
Aug 28 Javascript
JavaScript过滤字符串中的中文与空格方法汇总
Mar 07 Javascript
需灵活掌握的Bootstrap预定义排版类 你精通吗?
Jun 20 Javascript
vue2利用Bus.js如何实现非父子组件通信详解
Aug 25 Javascript
使用Angular CLI生成 Angular 5项目教程详解
Mar 18 Javascript
微信小程序实现展示评分结果功能
Feb 15 Javascript
解决layui表格内文本超出隐藏的问题
Sep 12 Javascript
vue在App.vue文件中监听路由变化刷新页面操作
Aug 14 Javascript
JavaScript函数柯里化实现原理及过程
Dec 02 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实现转换ubb代码的方法
2015/06/18 PHP
PHP观察者模式示例【Laravel框架中有用到】
2018/06/15 PHP
PHP实现的分解质因数操作示例
2018/08/01 PHP
jQuery帮助之CSS尺寸(五)outerHeight、outerWidth
2009/11/14 Javascript
asp.net下利用js实现返回上一页的实现方法小集
2009/11/24 Javascript
Dom 结点创建 基础知识
2011/10/01 Javascript
巧用jquery解决下拉菜单被Div遮挡的相关问题
2014/02/13 Javascript
jQuery判断div随滚动条滚动到一定位置后停止
2014/04/02 Javascript
JavaScript实现给按钮加上双重动作的方法
2015/08/14 Javascript
Bootstrap 3.x打印预览背景色与文字显示异常的解决
2016/11/06 Javascript
用iframe实现不刷新整个页面上传图片的实例
2016/11/18 Javascript
video.js使用改变ui过程
2017/03/05 Javascript
Angular 4 依赖注入学习教程之FactoryProvider的使用(四)
2017/06/04 Javascript
温故知新——JavaScript中的字符串连接问题最全总结(推荐)
2017/08/21 Javascript
javascript观察者模式实现自动刷新效果
2017/09/05 Javascript
Node.JS使用Sequelize操作MySQL的示例代码
2017/10/09 Javascript
JS加密插件CryptoJS实现的DES加密示例
2018/08/16 Javascript
vue+egg+jwt实现登录验证的示例代码
2019/05/18 Javascript
vue实现路由切换改变title功能
2019/05/28 Javascript
Vue CLI3中使用compass normalize的方法
2019/05/30 Javascript
vue实现行列转换的一种方法
2019/08/06 Javascript
Vue 实现从小到大的横向滑动效果详解
2019/10/16 Javascript
javascript设计模式 ? 简单工厂模式原理与应用实例分析
2020/04/09 Javascript
Python分布式进程中你会遇到的问题解析
2019/05/28 Python
Python解析命令行读取参数之argparse模块
2019/07/26 Python
python学生管理系统的实现
2020/04/05 Python
Python如何对XML 解析
2020/06/28 Python
京东奢侈品:全球奢侈品牌
2018/03/17 全球购物
AOP的定义以及作用
2013/09/08 面试题
工程项目经理岗位职责
2013/12/15 职场文书
双十佳事迹材料
2014/01/29 职场文书
2014年志愿者工作总结
2014/11/20 职场文书
spring boot项目application.properties文件存放及使用介绍
2021/06/30 Java/Android
python Django框架快速入门教程(后台管理)
2021/07/21 Python
css3中2D转换之有趣的transform形变效果
2022/02/24 HTML / CSS
JS高级程序设计之class继承重点详解
2022/07/07 Javascript