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


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 相关文章推荐
js动态加载以及确定加载完成的代码
Jul 31 Javascript
JS实现很酷的水波文字特效实例
Feb 26 Javascript
详解JavaScript中的forEach()方法的使用
Jun 08 Javascript
jQuery实现可以编辑的表格实例详解【附demo源码下载】
Jul 09 Javascript
jQuery实现别踩白块儿网页版小游戏
Jan 18 Javascript
jQuery插件echarts实现的单折线图效果示例【附demo源码下载】
Mar 04 Javascript
js+html5实现复制文字按钮
Jul 15 Javascript
node.js中axios使用心得总结
Nov 29 Javascript
微信小程序功能之全屏滚动效果的实现代码
Nov 22 Javascript
vue移动端城市三级联动组件使用详解
Jul 26 Javascript
JavaScript的变量声明与声明提前用法实例分析
Nov 26 Javascript
js实现点击上传图片并设为模糊背景
Aug 02 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安全防范技巧分享
2011/11/03 PHP
PHP中函数rand和mt_rand的区别比较
2012/12/26 PHP
将二维数组转为一维数组的2种方法
2014/05/26 PHP
php查询mysql大量数据造成内存不足的解决方法
2015/03/04 PHP
PHP中对数组的一些常用的增、删、插操作函数总结
2015/11/27 PHP
phpStudy配置多站点多域名方法及遇到的403错误解决方法
2017/10/19 PHP
PHP读取文件,解决中文乱码UTF-8的方法分析
2020/01/22 PHP
JS关键字球状旋转效果的实例代码
2013/11/29 Javascript
JS小游戏之象棋暗棋源码详解
2014/09/25 Javascript
node.js中的fs.writeFileSync方法使用说明
2014/12/14 Javascript
JQuery替换DOM节点的方法
2015/06/11 Javascript
JS中的==运算: [''] == false —>true
2016/07/24 Javascript
JavaScript省市区三级联动菜单效果
2016/09/21 Javascript
jQuery插件ajaxFileUpload异步上传文件
2016/10/19 Javascript
详解vue之页面缓存问题(基于2.0)
2017/01/10 Javascript
jQuery DateTimePicker 日期和时间插件示例
2017/01/22 Javascript
bootstrap table单元格新增行并编辑
2017/05/19 Javascript
微信小程序自定义toast实现方法详解【附demo源码下载】
2017/11/28 Javascript
浏览器调试动态js脚本的方法(图解)
2018/01/19 Javascript
JavaScript学习笔记之DOM操作实例分析
2019/01/08 Javascript
JavaScript原型式继承实现方法
2019/11/06 Javascript
Vue中Table组件行内右键菜单实现方法(基于 vue + AntDesign)
2019/11/21 Javascript
微信小程序语音同步智能识别的实现案例代码解析
2020/05/29 Javascript
python实现知乎高颜值图片爬取
2019/08/12 Python
python中openpyxl和xlsxwriter对Excel的操作方法
2021/03/01 Python
移动端html5 meta标签的神奇功效
2016/01/06 HTML / CSS
英国婴儿和儿童服装网站:Vertbaudet
2018/04/02 全球购物
卡西欧B级产品官方网站:Casio Outlet
2018/05/22 全球购物
制冷与电控专业应届生求职信
2013/11/11 职场文书
北京大学自荐信范文
2014/01/28 职场文书
数控技术专业毕业自荐书范文
2014/02/05 职场文书
境外导游求职信
2014/02/27 职场文书
银行行长竞聘演讲稿
2014/04/23 职场文书
行政部经理助理岗位职责
2014/06/15 职场文书
关爱老人标语
2014/06/21 职场文书
python模板入门教程之flask Jinja
2022/04/11 Python