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


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压缩工具 yuicompressor 使用教程
Mar 31 Javascript
在JavaScript中获取请求的URL参数[正则]
Dec 25 Javascript
基于jquery的滚动条滚动固定div(附演示下载)
Oct 29 Javascript
关于页面嵌入swf覆盖div层的问题的解决方法
Feb 11 Javascript
两种不同的方法实现js对checkbox进行全选和反选
May 13 Javascript
JS实现带缓冲效果打开、关闭、移动一个层的方法
May 09 Javascript
JS非Alert实现网页右下角“未读信息”效果弹窗
Sep 26 Javascript
两种JavaScript的AES加密方式(可与Java相互加解密)
Aug 02 Javascript
js仿腾讯QQ的web登陆界面
Aug 19 Javascript
基于BootStrap的前端分页带省略号和上下页效果
May 18 Javascript
VSCode中如何利用d.ts文件进行js智能提示
Apr 13 Javascript
Javascript作用域和作用域链原理解析
Mar 03 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作的文本留言本的例子(一)
2006/10/09 PHP
彻底杜绝PHP的session cookie错误
2009/08/09 PHP
PHP fclose函数用法总结
2019/02/15 PHP
javascript div 弹出可拖动窗口
2009/02/26 Javascript
S2SH整合JQuery+Ajax实现登录验证功能实现代码
2013/01/30 Javascript
jquery仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果
2013/04/24 Javascript
js获取select选中的option的text示例代码
2013/12/19 Javascript
JavaScript将字符串转换为整数的方法
2015/04/14 Javascript
10条建议帮助你创建更好的jQuery插件
2015/05/18 Javascript
jQuery地图map悬停显示省市代码分享
2015/08/20 Javascript
java中String类型变量的赋值问题介绍
2016/03/23 Javascript
js获取鼠标点击的对象,点击另一个按钮删除该对象的实现代码
2016/05/13 Javascript
Js遍历键值对形式对象或Map形式的方法
2016/08/08 Javascript
基于JS实现类似支付宝支付密码输入框
2016/09/02 Javascript
JSON中key动态设置及JSON.parse和JSON.stringify()的区别
2016/12/29 Javascript
JS实现验证码倒计时的注册页面
2018/01/02 Javascript
基于mpvue小程序使用echarts画折线图的方法示例
2019/04/24 Javascript
Vue使用Canvas绘制图片、矩形、线条、文字,下载图片
2019/04/26 Javascript
Vue 实现html中根据类型显示内容
2019/10/28 Javascript
利用Python为iOS10生成图标和截屏
2016/09/24 Python
浅谈Python2.6和Python3.0中八进制数字表示的区别
2017/04/28 Python
Python实现求两个csv文件交集的方法
2017/09/06 Python
Python即时网络爬虫项目启动说明详解
2018/02/23 Python
Python读写及备份oracle数据库操作示例
2018/05/17 Python
pycharm 将python文件打包为exe格式的方法
2019/01/16 Python
python装饰器练习题及答案
2019/11/01 Python
python 微信好友特征数据分析及可视化
2020/01/07 Python
Python greenlet和gevent使用代码示例解析
2020/04/01 Python
jupyter 实现notebook中显示完整的行和列
2020/04/09 Python
编写strcpy函数
2014/06/24 面试题
数字天堂软件测试面试题
2012/12/23 面试题
保密普查工作实施方案
2014/02/25 职场文书
2015个人半年总结范文
2015/03/09 职场文书
2015年助理工程师工作总结
2015/04/03 职场文书
专项资金申请报告
2015/05/15 职场文书
Java结构型设计模式之组合模式详解
2022/09/23 Java/Android