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


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的前端数据通用验证库
Aug 08 Javascript
js 实现菜单左右滚动显示示例介绍
Nov 21 Javascript
jQuery实现的一个tab切换效果内部还嵌有切换
Aug 10 Javascript
jquery实现聚光灯效果的方法
Feb 06 Javascript
jquery事件绑定解绑机制源码解析
Sep 19 Javascript
JavaScript中 this 指向问题深度解析
Feb 21 Javascript
Vue2.0 http请求以及loading展示实例
Mar 06 Javascript
vue中使用heatmapjs的示例代码(结合百度地图)
Sep 05 Javascript
Vue.js的动态组件模板的实现
Nov 26 Javascript
JavaScript模板引擎应用场景及实现原理详解
Dec 14 Javascript
详解小程序BackgroundAudioManager踩坑之旅
Dec 08 Javascript
vue2.0 watch里面的 deep和immediate用法说明
Oct 30 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
《破坏领主》销量已超100万 未来将继续开发新内容
2020/03/08 其他游戏
php foreach、while性能比较
2009/10/15 PHP
PHP函数spl_autoload_register()用法和__autoload()介绍
2012/02/04 PHP
thinkPHP删除前弹出确认框的简单实现方法
2016/05/16 PHP
遍历echsop的region表形成缓存的程序实例代码
2016/11/01 PHP
thinkphp框架无限级栏目的排序功能实现方法示例
2020/03/29 PHP
javascript:void(0)的真正含义实例分析
2008/08/20 Javascript
jQuery.ajax 用户登录验证代码
2010/10/29 Javascript
原生js实现跨浏览器获取鼠标按键的值
2013/04/08 Javascript
jQuery实现随意改变div任意属性的名称和值(部分原生js实现)
2013/05/28 Javascript
js对象转json数组的简单实现案例
2014/02/28 Javascript
JQuery获取表格数据示例代码
2014/05/26 Javascript
JS使用JSON作为参数实例分析
2016/06/23 Javascript
Bootstrap基本组件学习笔记之分页(12)
2016/12/08 Javascript
JavaScript下拉菜单功能实例代码
2017/03/01 Javascript
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
2017/05/13 jQuery
vue项目tween方法实现返回顶部的示例代码
2018/03/02 Javascript
详解Vue 全局引入bass.scss 处理方案
2018/03/26 Javascript
微信小程序如何获取手机验证码
2018/11/04 Javascript
jQuery操作cookie的示例代码
2019/06/05 jQuery
uni-app自定义导航栏按钮|uniapp仿微信顶部导航条功能
2019/11/12 Javascript
使用PDB简单调试Python程序简明指南
2015/04/25 Python
对Python3之进程池与回调函数的实例详解
2019/01/22 Python
Python实现邮件发送的详细设置方法(遇到问题)
2021/01/18 Python
简单掌握CSS3将文字描边及填充文字颜色的方法
2016/03/07 HTML / CSS
CSS+jQuery实现的在线答题功能
2015/04/25 HTML / CSS
介绍一下Java的安全机制
2012/06/28 面试题
毕业生写求职信的要点
2014/03/04 职场文书
报关报检委托书
2014/04/08 职场文书
创建青年文明号材料
2014/05/09 职场文书
独生子女证明范本
2015/06/19 职场文书
入党自传范文2015
2015/06/26 职场文书
《日月潭》教学反思
2016/02/20 职场文书
Css预编语言及区别详解
2021/04/25 HTML / CSS
React 并发功能体验(前端的并发模式)
2021/07/01 Javascript
磁贴还没死, 微软Win11可修改注册表找回Win10开始菜单
2021/11/21 数码科技