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


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-简单的计算器实现步骤分解(附图)
May 30 Javascript
JS实现可关闭的对联广告效果代码
Sep 14 Javascript
通过设置CSS中的position属性来固定层的位置
Dec 14 Javascript
js贪吃蛇游戏实现思路和源码
Apr 14 Javascript
asp.net+jquery.form实现图片异步上传的方法(附jquery.form.js下载)
May 05 Javascript
Bootstrap文件上传组件之bootstrap fileinput
Nov 25 Javascript
JS给按钮添加跳转功能类似a标签
May 30 Javascript
JavaScript实现的斑马线表格效果【隔行变色】
Sep 18 Javascript
JavaScript实现数组全排列、去重及求最大值算法示例
Jul 30 Javascript
vue与原生app的对接交互的方法(混合开发)
Nov 28 Javascript
小程序云开发实现数据库异步操作同步化
May 18 Javascript
vue3种table表格选项个数的控制方法
Apr 14 Vue.js
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
用Zend Encode编写开发PHP程序
2010/02/21 PHP
精美漂亮的php分页类代码
2013/04/02 PHP
解析PHP无限级分类方法及代码
2013/06/21 PHP
PHP 冒泡排序 二分查找 顺序查找 二维数组排序算法函数的详解
2013/06/25 PHP
PHP提交表单失败后如何保留已经填写的信息
2014/06/20 PHP
PHP基于工厂模式实现的计算器实例
2015/07/16 PHP
Yii框架数据模型的验证规则rules()被执行的方法
2016/12/02 PHP
kindeditor 加入七牛云上传的实例讲解
2017/11/12 PHP
Jquery 扩展方法
2010/05/06 Javascript
关于this和self的使用说明
2010/08/01 Javascript
基于jquery的loading 加载提示效果实现代码
2011/09/01 Javascript
jQuery实现长按按钮触发事件的方法
2015/02/02 Javascript
一种Javascript解释ajax返回的json的好方法(推荐)
2016/06/02 Javascript
artDialog+plupload实现多文件上传
2016/07/19 Javascript
javascript经典特效分享 手风琴、轮播图、图片滑动
2016/09/14 Javascript
如何使用Bootstrap 按钮实例详解
2017/03/29 Javascript
JS实现基于Sketch.js模拟成群游动的蝌蚪运动动画效果【附demo源码下载】
2017/08/18 Javascript
详解Vue + Vuex 如何使用 vm.$nextTick
2017/11/20 Javascript
js 索引下标之li集合绑定点击事件
2018/01/12 Javascript
python通过pil为png图片填充上背景颜色的方法
2015/03/17 Python
Python处理JSON数据并生成条形图
2016/08/05 Python
用python做一个搜索引擎(Pylucene)的实例代码
2017/07/05 Python
python中的常量和变量代码详解
2018/07/25 Python
Python操作mongodb数据库的方法详解
2018/12/08 Python
python 反编译exe文件为py文件的实例代码
2019/06/27 Python
详细介绍pandas的DataFrame的append方法使用
2019/07/31 Python
浅谈django 模型类使用save()方法的好处与注意事项
2020/03/28 Python
Joie官方网上商店:购买服装和女装配饰
2018/06/05 全球购物
商务日语毕业生自荐信
2013/11/23 职场文书
求职简历中个人的自我评价
2013/12/01 职场文书
悬空寺导游词
2015/02/05 职场文书
皇城相府导游词
2015/02/06 职场文书
销售人员管理制度
2015/08/06 职场文书
推广普通话宣传标语口号
2015/12/26 职场文书
银行岗位培训心得体会
2016/01/09 职场文书
如何用JS实现网页瀑布流布局
2021/04/24 Javascript