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


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 相关文章推荐
JavaScript面向对象之体会[总结]
Nov 13 Javascript
JavaScript 判断指定字符串是否为有效数字
May 11 Javascript
javascript中的nextSibling使用陷(da)阱(keng)
May 05 Javascript
利用javascript实现全部删或清空所选的操作
May 27 Javascript
jquery代码实现简单的随机图片瀑布流效果
Apr 20 Javascript
js实现不重复导入的方法
Mar 02 Javascript
【经验总结】编写JavaScript代码时应遵循的14条规律
Jun 20 Javascript
JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果
Aug 23 Javascript
js生成随机颜色方法代码分享(三种)
Dec 29 Javascript
Swiper 4.x 使用方法(移动端网站的内容触摸滑动)
May 17 Javascript
jQuery添加新内容的四个常用方法分析【append,prepend,after,before】
Mar 19 jQuery
vue开发拖拽进度条滑动组件
Sep 21 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
基于mysql的论坛(4)
2006/10/09 PHP
浅谈使用 PHP 进行手机 APP 开发(API 接口开发)
2014/08/11 PHP
PHP基于imap获取邮件实例
2014/11/11 PHP
thinkphp模板用法和内容输出实例
2014/11/28 PHP
PHP 实现类似js中alert() 提示框
2015/03/18 PHP
PHP上传Excel文件导入数据到MySQL数据库示例
2016/10/25 PHP
php array_multisort 对数组进行排序详解及实例代码
2016/10/27 PHP
使用ucenter实现多站点同步登录的讲解
2019/03/21 PHP
PHP标准库 (SPL)――Countable用法示例
2020/06/05 PHP
javascript实现二分查找法实现代码
2007/11/12 Javascript
javascript CSS画图之基础篇
2009/07/29 Javascript
jsTree 基于JQuery的排序节点 Bug
2011/07/26 Javascript
JavaScript高级程序设计阅读笔记(十六) javascript检测浏览器和操作系统-detect.js
2012/08/14 Javascript
利用jquery包将字符串生成二维码图片
2013/09/12 Javascript
jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮
2013/10/11 Javascript
javascript删除字符串最后一个字符
2014/01/14 Javascript
浅析Bootstrap表格的使用
2016/06/23 Javascript
vue2.0 下拉框默认标题设置方法
2018/08/22 Javascript
Vue基础配置讲解
2019/11/29 Javascript
如何通过javaScript去除字符串两端的空白字符
2020/02/06 Javascript
js实现幻灯片轮播图
2020/08/14 Javascript
[01:19:46]DOTA2-DPC中国联赛 正赛 SAG vs DLG BO3 第一场 2月28日
2021/03/11 DOTA
python网络编程示例(客户端与服务端)
2014/04/24 Python
Win10下Python环境搭建与配置教程
2016/11/18 Python
Python装饰器原理与基本用法分析
2020/01/07 Python
利用python在excel中画图的实现方法
2020/03/17 Python
matplotlib 曲线图 和 折线图 plt.plot()实例
2020/04/17 Python
英国剑桥包官网:The Cambridge Satchel Company
2016/08/01 全球购物
阿里巴巴的Oracle DBA笔试题答案-SQL tuning类
2016/04/03 面试题
教师实习自我鉴定
2013/12/13 职场文书
党支部书记先进事迹
2014/01/17 职场文书
文明礼仪演讲稿
2014/05/12 职场文书
英语专业毕业生求职信
2014/05/24 职场文书
暑期实践个人总结
2015/03/06 职场文书
党委工作总结2015
2015/04/27 职场文书
vue中data里面的数据相互使用方式
2022/06/05 Vue.js