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


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技巧大放送 学习jquery的朋友可以看下
Oct 14 Javascript
jquery.simple.tree插件 更简单,兼容性更好的无限树插件
Sep 03 Javascript
用js模拟JQuery的show与hide动画函数代码
Sep 20 Javascript
推荐一个封装好的getElementsByClassName方法
Dec 02 Javascript
javascript实现unicode与ASCII相互转换的方法
Dec 10 Javascript
微信小程序 animation API详解及实例代码
Oct 08 Javascript
深入理解angular2启动项目步骤
Jul 15 Javascript
vue按需引入element Transfer 穿梭框
Sep 30 Javascript
Nginx 配置多站点vhost 的方法
Jan 07 Javascript
JavaScript监听触摸事件代码实例
Dec 30 Javascript
JS实现单张或多张图片持续无缝滚动的示例代码
May 10 Javascript
利用PHP实现递归删除链表元素的方法示例
Oct 23 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的安全策略
2006/10/09 PHP
php 数据库字段复用的基本原理与示例
2011/07/22 PHP
跟我学Laravel之请求与输入
2014/10/15 PHP
PHP多文件上传实例
2015/07/09 PHP
centos 7.2下搭建LNMP环境教程
2016/11/20 PHP
win7 wamp 64位 php环境开启curl服务遇到的问题及解决方法
2018/09/16 PHP
Prototype使用指南之string.js
2007/01/10 Javascript
jquery 屏蔽一个区域内的所有元素,禁止输入
2009/10/22 Javascript
AppBaseJs 类库 网上常用的javascript函数及其他js类库写的
2010/03/04 Javascript
mysql输出数据赋给js变量报unterminated string literal错误原因
2010/05/22 Javascript
js下利用控制器载入对应脚本
2010/07/17 Javascript
js 返回时间戳所对应的具体时间
2010/07/20 Javascript
jQuery插件Tooltipster实现漂亮的工具提示
2015/04/12 Javascript
原生js和jquery分别实现横向导航菜单效果
2016/05/13 Javascript
浅析Nodejs npm常用命令
2016/06/14 NodeJs
JS操作xml对象转换为Json对象示例
2017/03/25 Javascript
详解vue.js2.0父组件点击触发子组件方法
2017/05/10 Javascript
Node.js 回调函数实例详解
2017/07/06 Javascript
微信小程序引用iconfont图标的方法
2018/10/22 Javascript
JS字符串常用操作方法实例小结
2019/06/24 Javascript
TypeScript的安装、使用、自动编译的实现
2020/04/10 Javascript
利用Vue实现简易播放器的完整代码
2020/12/30 Vue.js
[04:04]DOTA2亚洲邀请赛比赛场馆&酒店全攻略
2017/03/23 DOTA
django2 快速安装指南分享
2018/01/05 Python
将Django项目部署到CentOs服务器中
2018/10/18 Python
python自动化实现登录获取图片验证码功能
2019/11/20 Python
tensorflow生成多个tfrecord文件实例
2020/02/17 Python
基于Keras中Conv1D和Conv2D的区别说明
2020/06/19 Python
python实现将中文日期转换为数字日期
2020/07/14 Python
python 实现简易的记事本
2020/11/30 Python
html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方法
2013/01/09 HTML / CSS
农村党支部先进事迹
2014/01/14 职场文书
幼儿园小班教学反思
2014/02/02 职场文书
员工试用期自我评价
2014/09/18 职场文书
pytorch实现手写数字图片识别
2021/05/20 Python
攻击最高的10只幽灵系神奇宝贝,坚盾剑怪排第一,第五最为可怕
2022/03/18 日漫