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


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用ajax方式从后台获取json数据后如何将内容填充到下拉列表
Aug 26 Javascript
JavaScript实现非常简单实用的下拉菜单效果
Aug 27 Javascript
KnockoutJS 3.X API 第四章之数据控制流if绑定和ifnot绑定
Oct 10 Javascript
谈谈第三方App接入微信登录 解读
Dec 27 Javascript
js手机号4位显示空格,银行卡每4位显示空格效果
Mar 23 Javascript
激动人心的 Angular HttpClient的源码解析
Jul 10 Javascript
在vue-cli中组件通信的方法
Dec 16 Javascript
react-native-video实现视频全屏播放的方法
Mar 19 Javascript
JavaScript实现简单动态进度条效果
Apr 06 Javascript
利用vue.js把静态json绑定bootstrap的table方法
Aug 28 Javascript
微信小程序实现树莓派(raspberry pi)小车控制
Feb 12 Javascript
vue特效之翻牌动画
Apr 20 Vue.js
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全功能无变形图片裁剪操作类与用法示例
2017/01/10 PHP
推荐11款jQuery开发的复选框和单选框美化插件
2011/08/02 Javascript
jquery validate 自定义验证方法介绍 日期验证
2014/02/27 Javascript
IE下双击checkbox反应延迟问题的解决方法
2014/03/27 Javascript
用js通过url传参把数据从一个页面传到另一个页面
2014/09/01 Javascript
Javascript中setTimeOut和setInterval的定时器用法
2015/06/12 Javascript
javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文)
2015/07/27 Javascript
javascript实现瀑布流动态加载图片原理
2016/08/12 Javascript
js实现的简练高效拖拽功能示例
2016/12/21 Javascript
jQuery中的siblings()是什么意思(推荐)
2016/12/29 Javascript
使用JavaScript实现在页面中显示距离2017年中秋节的天数
2017/09/26 Javascript
Three.js基础学习之场景对象
2017/09/27 Javascript
JS脚本加载后执行相应回调函数的操作方法
2018/02/28 Javascript
Nodejs实现多文件夹文件同步
2018/10/17 NodeJs
写gulp遇到的ES6问题详解
2018/12/03 Javascript
Angular中使用ng-zorro图标库部分图标不能正常显示问题
2019/04/22 Javascript
小结Python用fork来创建子进程注意事项
2014/07/03 Python
python实现自动更换ip的方法
2015/05/05 Python
关于python写入文件自动换行的问题
2018/06/23 Python
Python 获取div标签中的文字实例
2018/12/20 Python
Django框架登录加上验证码校验实现验证功能示例
2019/05/23 Python
int在python中的含义以及用法
2019/06/27 Python
Python操作Sqlite正确实现方法解析
2020/02/05 Python
使用python接受tgam的脑波数据实例
2020/04/09 Python
解决Keras使用GPU资源耗尽的问题
2020/06/22 Python
Python爬虫+Tkinter制作一个翻译软件的示例
2021/02/20 Python
CSS3 仿微信聊天小气泡实例代码
2017/04/05 HTML / CSS
巴西最大的家电和百货零售商:Casas Bahia
2016/11/22 全球购物
英国和世界各地鲜花速递专家:Arena Flowers
2018/02/10 全球购物
爷爷追悼会答谢词
2014/01/24 职场文书
2015年社区教育工作总结
2015/05/13 职场文书
2015年庆祝国庆节66周年演讲稿
2015/07/30 职场文书
六年级作文之预言作文
2019/10/25 职场文书
JS代码编译器Monaco使用方法
2021/06/11 Javascript
Java后台生成图片的完整步骤
2021/08/04 Java/Android
基于MySql验证的vsftpd虚拟用户
2021/11/07 MySQL