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


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代码分享
Nov 26 Javascript
判断及设置浏览器全屏模式
Apr 20 Javascript
JS实现判断碰撞的方法
Feb 11 Javascript
Javascript如何判断数据类型和数组类型
Jun 22 Javascript
JSON与js对象序列化实例详解
Mar 16 Javascript
AngularJS路由Ui-router模块用法示例
May 29 Javascript
Vue CLI3 开启gzip压缩文件的方式
Sep 30 Javascript
vue v-for 使用问题整理小结
Aug 04 Javascript
vue登录以及权限验证相关的实现
Oct 25 Javascript
构建大型 Vue.js 项目的10条建议(小结)
Nov 14 Javascript
Vue将props值实时传递 并可修改的操作
Aug 09 Javascript
Echarts.js无法引入问题解决方案
Oct 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
解析PHP正则提取或替换img标记属性
2013/06/26 PHP
PHP生成不重复标识符的方法
2014/11/21 PHP
PHP文件下载实例代码浅析
2016/08/17 PHP
PHP设置images目录不充许http访问的方法
2016/11/01 PHP
PHP实现的敏感词过滤方法示例
2019/03/06 PHP
PHP远程连接oracle数据库操作实现方法图文详解
2019/04/11 PHP
关于IE、Firefox、Opera页面呈现异同 写脚本很痛苦
2009/08/28 Javascript
Jquery 跨域访问 Lightswitch OData Service的方法
2013/09/11 Javascript
Javascript基础 函数“重载” 详细介绍
2013/10/25 Javascript
纯JS实现根据CSS的class选择DOM
2014/03/22 Javascript
兼容IE、firefox以及chrome的js获取时间(getFullYear)
2014/07/04 Javascript
jQuery CSS()方法改变现有的CSS样式
2014/08/20 Javascript
jQuery实现精美的多级下拉菜单特效
2015/03/14 Javascript
jquery实现动画菜单的左右滚动、渐变及图形背景滚动等效果
2015/08/25 Javascript
使用JS正则表达式 替换括号,尖括号等
2016/11/29 Javascript
JavaScript实现省市联动过程中bug的解决方法
2017/12/04 Javascript
JS脚本实现网页自动秒杀点击
2018/01/11 Javascript
微信小程序通过保存图片分享到朋友圈功能
2018/05/24 Javascript
Node.js Windows Binary二进制文件安装方法
2019/05/16 Javascript
初学vue出现空格警告的原因及其解决方案
2019/10/31 Javascript
VTK与Python实现机械臂三维模型可视化详解
2017/12/13 Python
python list删除元素时要注意的坑点分享
2018/04/18 Python
Pyqt实现无边框窗口拖动以及窗口大小改变
2018/04/19 Python
python3+requests接口自动化session操作方法
2018/10/13 Python
Python 列表去重去除空字符的例子
2019/07/20 Python
python关闭占用端口方式
2019/12/17 Python
Python面向对象程序设计之类和对象、实例变量、类变量用法分析
2020/03/23 Python
分享PyCharm最新激活码(真永久激活方法)不用每月找安装参数或最新激活码了
2020/12/27 Python
详解HTML5 window.postMessage与跨域
2017/05/11 HTML / CSS
基于HTML5 Canvas的3D动态Chart图表的示例
2017/11/02 HTML / CSS
CheapTickets香港机票预订网站:CheapTickets.hk
2019/06/26 全球购物
英国婚礼商城:Wedding Mall
2019/11/02 全球购物
莫言诺贝尔获奖感言(全文)
2015/07/31 职场文书
礼貌问候语大全
2015/11/10 职场文书
MySql新手入门的基本操作汇总
2021/05/13 MySQL
《辉夜大小姐想让我告白》第三季正式预告
2022/03/20 日漫