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


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 相关文章推荐
Jquery乱码的一次解决过程 图解教程
Feb 20 Javascript
js获取select标签的值且兼容IE与firefox
Dec 30 Javascript
angularJS 中$attrs方法使用指南
Feb 09 Javascript
javascript实现图片跟随鼠标移动效果的方法
May 13 Javascript
深入浅析javascript立即执行函数
Oct 23 Javascript
JavaScript中的函数(二)
Dec 23 Javascript
jQuery源码解读之extend()与工具方法、实例方法详解
Mar 30 jQuery
jquery ztree实现右键收藏功能
Nov 20 jQuery
mint-ui在vue中的使用示例
Apr 05 Javascript
JavaScript常见继承模式实例小结
Jan 11 Javascript
JavaScript中的ES6 Proxy的具体使用
Jun 16 Javascript
js实现带有动画的返回顶部
Aug 09 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
现磨咖啡骗局!现磨咖啡=新鲜咖啡?现磨咖啡背后的猫腻你不懂!
2019/03/28 冲泡冲煮
基于mysql的bbs设计(四)
2006/10/09 PHP
PHP中的CMS的涵义
2007/03/11 PHP
实现PHP多线程异步请求的3种方法
2014/01/17 PHP
php生成缩略图示例代码分享(使用gd库实现)
2014/01/20 PHP
php处理静态页面:页面设置缓存时间实例
2017/06/22 PHP
PHP实现创建微信自定义菜单的方法示例
2017/07/14 PHP
jquery如何根据值设置默认的选中项
2014/03/17 Javascript
js中的getAttribute方法使用示例
2014/08/01 Javascript
jQuery中animate()方法用法实例
2014/12/24 Javascript
JS实现的文字与图片定时切换效果代码
2015/10/06 Javascript
通过隐藏iframe实现无刷新上传文件操作
2016/03/16 Javascript
js仿支付宝多方框输入支付密码效果
2016/09/27 Javascript
js 实现省市区三级联动菜单效果
2017/02/20 Javascript
angularjs实现的购物金额计算工具示例
2018/05/08 Javascript
Vue实现固定定位图标滑动隐藏效果
2019/05/30 Javascript
如何让微信小程序页面之间的通信不再变困难
2019/06/03 Javascript
借助云开发实现小程序短信验证码的发送
2020/01/06 Javascript
[01:50:49]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster BO3 第三场 1月24日
2021/03/11 DOTA
python返回昨天日期的方法
2015/05/13 Python
python 数据的清理行为实例详解
2017/07/12 Python
Windows系统下pycharm中的pip换源
2020/02/23 Python
Python函数生成器原理及使用详解
2020/03/12 Python
PyTorch如何搭建一个简单的网络
2020/08/24 Python
python脚本第一行如何写
2020/08/30 Python
Sephora丝芙兰澳洲官方网站:国际知名化妆品购物
2016/10/27 全球购物
印尼美容产品购物网站:PerfectBeauty.id
2017/12/01 全球购物
Lampegiganten丹麦:欧洲领先的照明网上商店
2018/04/25 全球购物
同程旅游英文网站:LY.com
2018/11/13 全球购物
检察官就职演讲稿
2014/01/13 职场文书
基层党组织公开承诺书
2014/03/28 职场文书
关工委先进个人事迹材料
2014/05/23 职场文书
电影建国大业观后感
2015/06/01 职场文书
laravel ajax curd 搜索登录判断功能的实现
2021/04/17 PHP
java高级用法JNA强大的Memory和Pointer
2022/04/19 Java/Android
CSS元素定位之通过元素的标签或者元素的id、class属性定位详解
2022/09/23 HTML / CSS