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


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 相关文章推荐
汉化英文版的Dreamweaver CS5并自动提示jquery
Nov 25 Javascript
JavaScript 用Node.js写Shell脚本[译]
Sep 20 Javascript
jquery 缓存问题的几个解决方法
Nov 11 Javascript
使用JavaScript开发IE浏览器本地插件实例
Feb 18 Javascript
基于jQuery实现仿QQ空间送礼物功能代码
May 24 Javascript
ionic进入多级目录后隐藏底部导航栏(tabs)的完美解决方案
Nov 23 Javascript
详解堆的javascript实现方法
Nov 29 Javascript
利用angularjs1.4制作的简易滑动门效果
Feb 28 Javascript
Bootstrap 实现表格样式、表单布局的实例代码
Dec 09 Javascript
浅析vue中的provide / inject 有什么用处
Nov 10 Javascript
js实现select下拉框选择
Jan 11 Javascript
用React Native制作一个简单的游戏引擎
May 27 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和ACCESS写聊天室(六)
2006/10/09 PHP
基于magic_quotes_gpc与magic_quotes_runtime的区别与使用介绍
2013/04/22 PHP
php实现在站点里面添加邮件发送的功能
2020/04/28 PHP
php使用CutyCapt实现网页截图保存的方法
2016/10/03 PHP
JavaScript使用prototype定义对象类型(转)[
2006/12/22 Javascript
jQuery+CSS实现菜单滑动伸展收缩(仿淘宝)
2013/03/22 Javascript
js获取客户端网卡的IP地址、MAC地址
2014/03/26 Javascript
JS实现关键字搜索时的相关下拉字段效果
2014/08/05 Javascript
jquery.idTabs 选项卡使用示例代码
2014/09/03 Javascript
JavaScript中字符串与Unicode编码互相转换的实现方法
2015/12/18 Javascript
JavaScript中eval函数的问题
2016/01/31 Javascript
JavaScript的Ext JS框架中的GridPanel组件使用指南
2016/05/21 Javascript
关于动态执行代码(js的Eval)实例详解
2016/08/15 Javascript
JS正则表达式修饰符中multiline(/m)用法分析
2016/12/27 Javascript
vue.js中$set与数组更新方法
2018/03/08 Javascript
JS遍历DOM文档树的方法实例详解
2018/04/03 Javascript
angular5 子组件监听父组件传入值的变化方法
2018/09/30 Javascript
微信小程序实现自动定位功能
2018/10/31 Javascript
VUE路由动态加载实例代码讲解
2019/08/26 Javascript
Preload基础使用方法详解
2020/02/03 Javascript
JS表单验证插件之数据与逻辑分离操作实例分析【策略模式】
2020/05/01 Javascript
Ant design vue中的联动选择取消操作
2020/10/31 Javascript
[45:18]完美世界DOTA2联赛循环赛 PXG vs IO 第二场 11.06
2020/11/09 DOTA
基于wxpython开发的简单gui计算器实例
2015/05/30 Python
python 连接sqlite及简单操作
2017/06/30 Python
解决项目pycharm能运行,在终端却无法运行的问题
2019/01/19 Python
Python中新式类与经典类的区别详析
2019/07/10 Python
python实现对服务器脚本敏感信息的加密解密功能
2019/08/13 Python
pytorch 使用单个GPU与多个GPU进行训练与测试的方法
2019/08/19 Python
Python列表元素常见操作简单示例
2019/10/25 Python
使用Django的JsonResponse返回数据的实现
2021/01/15 Python
环法自行车赛官方商店:Le Tour de France
2017/08/27 全球购物
泰国办公用品购物网站:OfficeMate
2018/02/04 全球购物
党支部书记先进事迹
2014/01/17 职场文书
2014年乡镇植树节活动方案
2014/02/28 职场文书
幼儿园老师寄语
2014/04/03 职场文书