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


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 相关文章推荐
document.getElementById方法在Firefox与IE中的区别
May 18 Javascript
JavaScript实现维吉尼亚(Vigenere)密码算法实例
Nov 22 Javascript
编写简单的jQuery提示插件
Dec 21 Javascript
JavaScript内存管理介绍
Mar 13 Javascript
jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证
Jun 25 Javascript
javascript实现在线客服效果
Jul 15 Javascript
JavaScript解析任意形式的json树型结构展示
Jul 23 Javascript
谈谈VUE种methods watch和compute的区别和联系
Aug 01 Javascript
React 无状态组件(Stateless Component) 与高阶组件
Aug 14 Javascript
js键盘事件实现人物的行走
Jan 17 Javascript
JS中的变量作用域(console版)
Jul 18 Javascript
JS时间戳与日期格式互相转换的简单方法示例
Jan 30 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
Windows下的PHP5.0详解
2006/11/18 PHP
《PHP边学边教》(04.编写简易的通讯录――视频教程1)
2006/12/13 PHP
PHP输出两个数字中间有多少个回文数的方法
2015/03/23 PHP
PHP中如何判断exec函数执行成功?
2016/08/04 PHP
php使用SAE原生Mail类实现各种类型邮件发送的方法
2016/10/10 PHP
老生常谈ThinkPHP中的行为扩展和插件(推荐)
2017/05/05 PHP
php封装db类连接sqlite3数据库的方法实例
2017/12/19 PHP
javascript 面向对象思想 附源码
2009/07/07 Javascript
推荐40款强大的 jQuery 导航插件和教程(上篇)
2012/09/14 Javascript
javascript获取select值的方法分析
2015/07/02 Javascript
jQuery实现带动画效果的多级下拉菜单代码
2015/09/08 Javascript
原生js仿jquery一些常用方法(必看篇)
2016/09/20 Javascript
jQuery实现的背景颜色渐变动画效果示例
2017/03/24 jQuery
JavaScript中正则表达式判断匹配规则及常用方法
2017/08/03 Javascript
JavaScript实现重力下落与弹性效果的方法分析
2017/12/20 Javascript
微信小程序使用wxParse解析html的方法教程
2018/07/06 Javascript
vue项目中跳转到外部链接的实例讲解
2018/09/20 Javascript
JQuery中的常用事件、对象属性与使用方法分析
2019/12/23 jQuery
js实现验证码功能
2020/07/24 Javascript
Python使用正则表达式实现文本替换的方法
2017/04/18 Python
基于Python代码编辑器的选用(详解)
2017/09/13 Python
Python打印输出数组中全部元素
2018/03/13 Python
Python 编码规范(Google Python Style Guide)
2018/05/05 Python
详解Python二维数组与三维数组切片的方法
2019/07/18 Python
pytorch对梯度进行可视化进行梯度检查教程
2020/02/04 Python
python之生成多层json结构的实现
2020/02/27 Python
Pycharm中切换pytorch的环境和配置的教程详解
2020/03/13 Python
Python接口测试文件上传实例解析
2020/05/22 Python
HTML5 Canvas实现平移/放缩/旋转deom示例(附截图)
2013/07/04 HTML / CSS
美国运动鞋类和服装零售连锁店:Shoe Palace
2019/08/13 全球购物
运动鞋、足球鞋和慕尼黑球衣:Sport Münzinger
2019/08/26 全球购物
视图的作用
2014/12/19 面试题
《要下雨了》教学反思
2014/02/17 职场文书
奥利奥广告词
2014/03/20 职场文书
解除财产保全担保书
2014/05/20 职场文书
书法大赛策划方案
2014/06/04 职场文书