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


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中的事件处理
Jan 16 Javascript
js实现div闪烁原理及实现代码
Jun 24 Javascript
原生javascript实现隔行换色
Jan 04 Javascript
JavaScript判断页面加载完之后再执行预定函数的技巧
May 17 Javascript
JavaScript操作 url 中 search 部分方法函数
Jun 15 Javascript
AngularJs bootstrap详解及示例代码
Sep 01 Javascript
Angular 4中如何显示内容的CSS样式示例代码
Nov 06 Javascript
VUE2 前端实现 静态二级省市联动选择select的示例
Feb 09 Javascript
js技巧之十几行的代码实现vue.watch代码
Jun 09 Javascript
JS调用安卓手机摄像头扫描二维码
Oct 16 Javascript
Vue过渡效果之CSS过渡详解(结合transition,animation,animate.css)
Feb 05 Javascript
在antd Form表单中select设置初始值操作
Nov 02 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中Closure类的使用方法及详解
2015/10/09 PHP
全新Mac配置PHP开发环境教程
2016/02/03 PHP
tp5修改(实现即点即改)
2019/10/18 PHP
JavaScript 在各个浏览器中执行的耐性
2009/04/06 Javascript
Span元素的width属性无效果原因及解决方案
2010/01/15 Javascript
6款经典实用的jQuery小插件及源码(对话框/提示工具等等)
2013/02/04 Javascript
js(JavaScript)实现TAB标签切换效果的简单实例
2014/02/26 Javascript
js 与 php 通过json数据进行通讯示例
2014/03/26 Javascript
jQuery实现点击按钮文字变成input框点击保存变成文字
2016/05/09 Javascript
Javascript 对cookie操作详解及实例
2016/12/29 Javascript
JavaScript原生节点操作小结
2017/01/17 Javascript
bootstrap css样式之表单
2017/01/19 Javascript
angularJS深拷贝详解
2017/03/23 Javascript
ES6新特性之Symbol类型用法分析
2017/03/31 Javascript
JS异步文件上传(兼容IE8+)
2017/04/02 Javascript
Vue header组件开发详解
2018/01/26 Javascript
Vuejs 单文件组件实例详解
2018/02/09 Javascript
JS遍历DOM文档树的方法实例详解
2018/04/03 Javascript
vue+canvas实现炫酷时钟效果的倒计时插件(已发布到npm的vue2插件,开箱即用)
2018/11/05 Javascript
Python写的英文字符大小写转换代码示例
2015/03/06 Python
python黑魔法之参数传递
2016/02/12 Python
Python API 自动化实战详解(纯代码)
2019/06/11 Python
django 利用Q对象与F对象进行查询的实现
2020/05/15 Python
HTML5 Canvas 起步(1) - 基本概念
2009/05/12 HTML / CSS
美国购车网站:TrueCar
2016/10/19 全球购物
沃尔玛旗下墨西哥超市:Bodega Aurrera
2020/11/13 全球购物
行政主管岗位职责
2013/11/18 职场文书
蟋蟀的住宅教学反思
2014/04/26 职场文书
感恩小明星事迹材料
2014/05/23 职场文书
公司试用期员工自我评价
2014/09/17 职场文书
2014年平安创建工作总结
2014/11/24 职场文书
颐和园导游词
2015/01/30 职场文书
实习护士自荐信
2015/03/25 职场文书
python3 sqlite3限制条件查询的操作
2021/04/07 Python
Java8中Stream的一些神操作
2021/11/02 Java/Android
JVM之方法返回地址详解
2022/02/28 Java/Android