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


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 流畅动画实现原理
Sep 08 Javascript
JavaScript 申明函数的三种方法 每个函数就是一个对象(一)
Dec 04 Javascript
为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)
Nov 11 Javascript
关于eval 与new Function 到底该选哪个?
Apr 17 Javascript
IE10中flexigrid无法显示数据的解决方法
Jul 26 Javascript
总结Javascript中的隐式类型转换
Aug 24 Javascript
jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】
Mar 24 jQuery
微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能图文详解
May 14 Javascript
解决layer.msg 不居中 ifram中的问题
Sep 05 Javascript
angular组件间通讯的实现方法示例
May 07 Javascript
vue:el-input输入时限制输入的类型操作
Aug 05 Javascript
Javascript基于OOP实实现探测器功能代码实例
Aug 26 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
服务器变量 $_SERVER 的深入解析
2013/07/02 PHP
用php代码限制国内IP访问我们网站
2015/09/26 PHP
WordPress中创建用户角色的相关PHP函数使用详解
2015/12/25 PHP
xheditor与validate插件冲突的解决方案
2010/04/15 Javascript
JavaScript高级程序设计 阅读笔记(二十) js错误处理
2012/08/14 Javascript
JS获取单击按钮单元格所在行的信息
2014/06/17 Javascript
Javascript基础教程之数据类型 (字符串 String)
2015/01/18 Javascript
js密码强度检测
2016/01/07 Javascript
原生js仿jquery实现对Ajax的封装
2016/10/04 Javascript
不间断循环滚动效果的实例代码(必看篇)
2016/10/08 Javascript
Javascript中关于Array.filter()的妙用详解
2016/12/04 Javascript
彻底学会Angular.js中的transclusion
2017/03/12 Javascript
React-Native左右联动List的示例代码
2017/09/21 Javascript
Vue-cropper 图片裁剪的基本原理及思路讲解
2018/04/17 Javascript
使用jquery Ajax实现上传附件功能
2018/10/23 jQuery
使用koa-log4管理nodeJs日志笔记的使用方法
2018/11/30 NodeJs
vue.js实现回到顶部动画效果
2019/07/31 Javascript
Python的Urllib库的基本使用教程
2015/04/30 Python
python Spyder界面无法打开的解决方法
2018/04/27 Python
Python面向对象之类和对象实例详解
2018/12/10 Python
Django中如何使用sass的方法步骤
2019/07/09 Python
Python 旋转打印各种矩形的方法
2019/07/09 Python
Django中使用session保持用户登陆连接的例子
2019/08/06 Python
python实时监控logstash日志代码
2020/04/27 Python
Keras之fit_generator与train_on_batch用法
2020/06/17 Python
联想法国官方网站:Lenovo法国
2018/10/18 全球购物
英国家具、照明、家居用品网上商店:Wayfair.co.uk
2020/02/13 全球购物
汽车销售顾问求职自荐信
2014/01/01 职场文书
《池塘边的叫声》教学反思
2014/04/12 职场文书
差生评语大全
2014/05/04 职场文书
竞选纪律委员演讲稿
2014/09/13 职场文书
四查四看自我剖析材料
2014/09/19 职场文书
2014年政风行风自查自纠报告
2014/10/21 职场文书
2014年车间工作总结
2014/11/21 职场文书
个人先进事迹材料范文
2014/12/29 职场文书
MySQL 时间类型的选择
2021/06/05 MySQL