微信小程序实现自动定位功能


Posted in Javascript onOctober 31, 2018

本文实例为大家分享了微信小程序实现自动定位的具体代码,供大家参考,具体内容如下

使用了腾讯地图提供的免费api:

需要引入一个js文件:下载地址

js代码:

// 引入SDK核心类
var QQMapWX = require('../../libs/qqmap-wx-jssdk.js');
var qqmap = new QQMapWX({
//在腾讯地图开放平台申请密钥 http://lbs.qq.com/mykey.html
 key: 'your KEY'
});
Page({
 data: {
 myLatitude: "",
 myLongitude: "",
 myAddress: ""
 },
 onLoad: function(){
 var that = this
 //用微信提供的api获取经纬度
 wx.getLocation({
  type: 'wgs84',
  success: function(res){
  that.setData({myLatitude: res.latitude, myLongitude: res.longitude})
  //用腾讯地图的api,根据经纬度获取城市
  qqmap.reverseGeocoder({
   location: {
   latitude: that.data.myLatitude,
   longitude: that.data.myLongitude
   },
   success: function (res) {
   console.log(res)
   var a = res.result.address_component
   //获取市和区(区可能为空)
   that.setData({myAddress: a.city + a.district})
   //控制台输出结果
   console.log(that.data.myAddress)
   }
  })
  }
 })
 } 
})

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Javascript 入门基础学习
Mar 10 Javascript
菜鸟javascript基础资料整理2
Dec 06 Javascript
解决extjs grid 不随窗口大小自适应的改变问题
Jan 26 Javascript
EasyUI中实现form表单提交的示例分享
Mar 01 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
Mar 31 Javascript
JS实现简单路由器功能的方法
May 27 Javascript
JavaScript使用encodeURI()和decodeURI()获取字符串值的方法
Aug 04 Javascript
基于Vue2.0的分页组件
Mar 16 Javascript
详解angularJs中关于ng-class的三种使用方式说明
Jun 02 Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
Sep 12 Javascript
electron-vue开发环境内存泄漏问题汇总
Oct 10 Javascript
JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记
Jul 15 Javascript
iview在vue-cli3如何按需加载的方法
Oct 31 #Javascript
jQuery+PHP实现上传裁剪图片
Jun 29 #jQuery
vue+iview 实现可编辑表格的示例代码
Oct 31 #Javascript
详解vue 项目白屏解决方案
Oct 31 #Javascript
微信小程序ibeacon三点定位详解
Oct 31 #Javascript
小程序获取周围IBeacon设备的方法
Oct 31 #Javascript
详解js删除数组中的指定元素
Oct 31 #Javascript
You might like
PHP.MVC的模板标签系统(三)
2006/09/05 PHP
PHP 检查扩展库或函数是否可用的代码
2010/04/06 PHP
PHP iconv 解决utf-8和gb2312编码转换问题
2010/04/12 PHP
PHP 面向对象 PHP5 中的常量
2010/05/05 PHP
php抛出异常与捕捉特定类型的异常详解
2016/10/26 PHP
火狐浏览器(firefox)下获得Event对象以及keyCode
2008/11/13 Javascript
javascript unicode与GBK2312(中文)编码转换方法
2013/11/14 Javascript
jquery form 加载数据示例
2014/04/21 Javascript
JavaScript中的值类型转换介绍
2014/12/31 Javascript
js焦点文字滚动效果代码分享
2015/08/25 Javascript
Node.js重新刷新session过期时间的方法
2016/02/04 Javascript
微信小程序 绘图之饼图实现
2016/10/24 Javascript
Vue 2.0+Vue-router构建一个简单的单页应用(附源码)
2017/03/14 Javascript
使用ionic播放轮询广告的实现方法(必看)
2017/04/24 Javascript
JS实现电商放大镜效果
2017/08/24 Javascript
vue 数组和对象不能直接赋值情况和解决方法(推荐)
2017/10/25 Javascript
微信小程序之 catalog 切换实现解析
2019/09/12 Javascript
这样回答继承可能面试官更满意
2019/12/10 Javascript
vue-resourc发起异步请求的方法
2020/02/11 Javascript
[03:56]显微镜下的DOTA2第十一期——鬼畜的死亡先知播音员
2014/06/23 DOTA
使用Python获取Linux系统的各种信息
2014/07/10 Python
python实现画圆功能
2018/01/25 Python
python实现俄罗斯方块
2018/06/26 Python
基于Numpy.convolve使用Python实现滑动平均滤波的思路详解
2019/05/16 Python
Python中实现输入一个整数的案例
2020/05/03 Python
AmazeUI 图标的示例代码
2020/08/13 HTML / CSS
美国购买和销售礼品卡平台:Raise
2017/01/13 全球购物
数学系个人求职信范文
2014/01/30 职场文书
平安工地汇报材料
2014/08/19 职场文书
会计学习心得体会
2014/09/09 职场文书
一年级数学上册复习计划
2015/01/17 职场文书
入伍通知书
2015/04/23 职场文书
运动会3000米加油稿
2015/07/21 职场文书
幼儿园教师管理制度
2015/08/05 职场文书
Nginx Rewrite使用场景及配置方法解析
2021/04/01 Servers
人民币符号
2022/02/17 杂记