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


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构造器的实现代码小结
May 16 Javascript
setInterval,setTimeout与jquery混用的问题
Apr 08 Javascript
javascript实现的DES加密示例
Oct 30 Javascript
快速解决jQuery与其他库冲突的方法介绍
Jan 02 Javascript
jquery如何判断表格同一列不同行input数据是否重复
May 14 Javascript
js实现九宫格图片半透明渐显特效的方法
Feb 16 Javascript
jQuery EasyUI提交表单验证
Jul 19 Javascript
AngularJS+Bootstrap3多级导航菜单的实现代码
Aug 16 Javascript
jquery学习笔记之无new构建详解
Dec 07 jQuery
vue 自定义 select内置组件
Apr 10 Javascript
对TypeScript库进行单元测试的方法
Jul 18 Javascript
详解vue-template-admin三级路由无法缓存的解决方案
Mar 10 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 随机生成10位字符代码
2009/03/26 PHP
PHP里的中文变量说明
2011/07/23 PHP
php 转换字符串编码 iconv与mb_convert_encoding的区别说明
2011/11/10 PHP
PHP中的生成XML文件的4种方法分享
2012/10/06 PHP
Javascript与PHP验证用户输入URL地址是否正确
2014/10/09 PHP
PHP的swoole扩展安装方法详细教程
2016/05/18 PHP
php实用代码片段整理
2016/11/12 PHP
php 中的信号处理操作实例详解
2020/03/04 PHP
jquery自定义函数的多种方法
2014/01/09 Javascript
鼠标经过tr时,改变tr当前背景颜色
2014/01/13 Javascript
JavaScript sub方法入门实例(把字符串显示为下标)
2014/10/17 Javascript
详细解密jsonp跨域请求
2015/04/15 Javascript
谈谈JavaScript中function多重理解
2015/08/28 Javascript
JS实现的在线调色板实例(附demo源码下载)
2016/03/01 Javascript
VUEJS实战之构建基础并渲染出列表(1)
2016/06/13 Javascript
JavaScript性能优化之函数节流(throttle)与函数去抖(debounce)
2016/08/11 Javascript
AngularJS实践之使用ng-repeat中$index的注意点
2016/12/22 Javascript
jQuery实现遮罩层登录对话框
2016/12/29 Javascript
JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能
2017/06/20 Javascript
JavaScript解决浮点数计算不准确问题的方法分析
2018/07/09 Javascript
vue+element实现表格新增、编辑、删除功能
2019/05/28 Javascript
如何通过Proxy实现JSBridge模块化封装
2020/10/22 Javascript
Python求两个文本文件以行为单位的交集、并集与差集的方法
2015/06/17 Python
Python爬虫使用脚本登录Github并查看信息
2018/07/16 Python
python把数组中的数字每行打印3个并保存在文档中的方法
2018/07/17 Python
Linux下python3.7.0安装教程
2018/07/30 Python
TensorFlow实现简单的CNN的方法
2019/07/18 Python
python使用python-pptx删除ppt某页实例
2020/02/14 Python
美国最大的城市服装和运动鞋零售商:Jimmy Jazz
2016/11/19 全球购物
个性化皮包、小袋、生活配件:Mon Purse
2019/03/26 全球购物
消防应急演练方案
2014/02/12 职场文书
《英英学古诗》教学反思
2014/04/11 职场文书
12.4全国法制宣传日活动方案
2014/11/02 职场文书
成本低的5个创业项目:投资小、赚钱快
2019/08/20 职场文书
redis实现排行榜功能
2021/05/24 Redis
springboot利用redis、Redisson处理并发问题的操作
2021/06/18 Java/Android