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


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 24 Javascript
用JavaScript实现PHP的urlencode与urldecode函数
Aug 13 Javascript
微信小程序之MaterialDesign--input组件详解
Feb 15 Javascript
jQuery插件FusionCharts绘制的3D饼状图效果实例【附demo源码下载】
Mar 03 Javascript
兼容浏览器的js事件绑定函数(详解)
May 09 Javascript
使用bootstrap插件实现模态框效果
May 10 Javascript
jquery基于layui实现二级联动下拉选择(省份城市选择)
Jun 20 jQuery
JavaScript 通过Ajax 动态加载CheckBox复选框
Aug 31 Javascript
jquery ajaxfileupload异步上传插件
Nov 21 jQuery
详解写好JS条件语句的5条守则
Feb 28 Javascript
js实现选项卡效果
Mar 07 Javascript
解决vue-photo-preview 异步图片放大失效的问题
Jul 29 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获取表单textarea数据中的换行问题
2010/09/10 PHP
利用浏览器的Javascript控制台调试PHP程序
2014/01/08 PHP
javascript 弹出窗口中是否显示地址栏的实现代码
2011/04/14 Javascript
javascript开发随笔二 动态加载js和文件
2011/11/25 Javascript
web网页按比例显示图片实现原理及js代码
2013/08/09 Javascript
jQuery获取Radio,CheckBox选择的Value值(示例代码)
2013/12/12 Javascript
javascript刷新父页面的各种方法汇总
2014/09/03 Javascript
深入理解JavaScript系列(36):设计模式之中介者模式详解
2015/03/04 Javascript
node.js抓取并分析网页内容有无特殊内容的js文件
2015/11/17 Javascript
JQuery实现Ajax加载图片的方法
2015/12/24 Javascript
深入理解jQuery.data() 的实现方式
2016/11/30 Javascript
javascript动画之磁性吸附效果篇
2016/12/09 Javascript
Bootstrap源码解读导航(6)
2016/12/23 Javascript
jQuery插件FusionCharts实现的2D饼状图效果【附demo源码下载】
2017/03/03 Javascript
Vue 使用中的小技巧
2018/04/26 Javascript
使用react render props实现倒计时的示例代码
2018/12/06 Javascript
vue实现点击按钮下载文件功能
2019/10/11 Javascript
Python 除法小技巧
2008/09/06 Python
Python高效编程技巧
2013/01/07 Python
Python制作Windows系统服务
2017/03/25 Python
python处理xml文件的方法小结
2017/05/02 Python
python检测IP地址变化并触发事件
2018/12/26 Python
20行python代码实现人脸识别
2019/05/05 Python
Pytorch环境搭建与基本语法
2020/06/03 Python
详解Python爬虫爬取博客园问题列表所有的问题
2021/01/18 Python
Bed Bath & Beyond加拿大官网:购买床上用品、浴巾、厨房电器等
2019/10/04 全球购物
最新英语专业学生求职信范文
2013/09/21 职场文书
高中毕业自我鉴定
2013/12/19 职场文书
2014新课程改革心得体会
2014/03/10 职场文书
《最佳路径》教学反思
2014/04/13 职场文书
中学生学雷锋演讲稿
2014/04/26 职场文书
计算机系统管理员求职信
2014/06/20 职场文书
英语专业求职信
2014/07/08 职场文书
甜品蛋糕店创业计划书
2014/09/21 职场文书
公司党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
幼儿园卫生保健制度
2015/08/05 职场文书