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


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控制表格隔行变色
Jun 26 Javascript
JavaScript 乱码问题
Aug 06 Javascript
让div层随鼠标移动的实现代码 ie ff
Dec 18 Javascript
深入理解JavaScript系列(2) 揭秘命名函数表达式
Jan 15 Javascript
Jjcarousellite 实现图片列表滚动的简单实例
Nov 29 Javascript
js获取鼠标点击的位置实现思路及代码
May 09 Javascript
全面解析bootstrap格子布局
May 22 Javascript
jQuery实现定位滚动条位置
Aug 05 Javascript
AngularJS实现根据变量改变动态加载模板的方法
Nov 04 Javascript
使用JavaScript触发过渡效果的方法
Jan 19 Javascript
解决vue keep-alive 数据更新的问题
Sep 21 Javascript
微信小程序登录session的使用
Mar 17 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
在MongoDB中模拟Auto Increment的php代码
2011/03/06 PHP
深入解析phpCB批量转换的代码示例
2013/06/27 PHP
简单的php购物车代码
2020/06/05 PHP
Javascript 陷阱 window全局对象
2008/11/26 Javascript
javascript与asp.net(c#)互相调用方法
2009/12/13 Javascript
javascript中style.left和offsetLeft的用法说明
2014/03/07 Javascript
js+HTML5实现canvas多种颜色渐变效果的方法
2015/06/05 Javascript
jquery模拟实现鼠标指针停止运动事件
2016/01/12 Javascript
VC调用javascript的几种方法(推荐)
2016/08/09 Javascript
yarn与npm的命令行小结
2016/10/20 Javascript
jQuery 遍历map()方法详解
2016/11/04 Javascript
利用node.js实现自动生成前端项目组件的方法详解
2017/07/12 Javascript
使用vue-cli编写vue插件的方法
2018/02/26 Javascript
vue实现动态添加数据滚动条自动滚动到底部的示例代码
2018/07/06 Javascript
浏览器JavaScript调试功能无法使用解决方案
2020/09/18 Javascript
利用 JavaScript 实现并发控制的示例代码
2020/12/31 Javascript
[57:22]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第五场
2018/04/10 DOTA
python选择排序算法的实现代码
2013/11/21 Python
Python监控主机是否存活并以邮件报警
2015/09/22 Python
python调用外部程序的实操步骤
2019/03/04 Python
Python将列表数据写入文件(txt, csv,excel)
2019/04/03 Python
如何在python中实现随机选择
2019/11/02 Python
Python如何使用内置库matplotlib绘制折线图
2020/02/24 Python
Pycharm编辑器功能之代码折叠效果的实现代码
2020/10/15 Python
瑞士国际航空官网:SWISS
2016/07/21 全球购物
CK美国官网:Calvin Klein
2016/08/26 全球购物
澳大利亚在线购买葡萄酒:The Wine Collective
2020/02/20 全球购物
木马的传播途径主要有哪些
2016/04/08 面试题
Java的类可以定义为Protected或者Private得吗
2015/09/25 面试题
护理专科毕业生自荐书范文
2014/02/19 职场文书
课程设计的心得体会
2014/09/03 职场文书
2015国庆节宣传语
2015/07/14 职场文书
老乡会致辞
2015/07/28 职场文书
研讨会致辞
2015/07/31 职场文书
幼儿园教师教育随笔
2015/08/14 职场文书
PHP设计模式(观察者模式)
2021/07/07 PHP