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


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的height()、width()计算动态插入的IMG标签的宽高的问题
Dec 08 Javascript
基于jquery的仿百度搜索框效果代码
Apr 11 Javascript
JavaScript函数的4种调用方法详解
Apr 22 Javascript
jQuery判断数组是否包含了指定的元素
Mar 10 Javascript
初步了解javascript面向对象
Nov 09 Javascript
Angular发布1.5正式版,专注于向Angular 2的过渡
Feb 18 Javascript
理解 javascript 中的函数表达式与函数声明
Jul 07 Javascript
Vue入门学习笔记【基本概念、对象、过滤器、指令等】
Apr 13 Javascript
vue实现移动端轻量日期组件不依赖第三方库的方法
Apr 28 Javascript
JS实现的检验身份证格式并输出出生日期,年龄,性别,出生地示例
May 17 Javascript
js计算最大公约数和最小公倍数代码实例
Sep 11 Javascript
JavaScript简易计算器制作
Jan 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
php 生成饼图 三维饼图
2009/09/28 PHP
PHP OPP机制和模式简介(抽象类、接口和契约式编程)
2014/06/09 PHP
Yii实现复选框批量操作实例代码
2017/03/15 PHP
ThinkPHP框架实现的微信支付接口开发完整示例
2019/04/10 PHP
PHP xpath提取网页数据内容代码解析
2020/07/16 PHP
一个js的tab切换效果代码[代码分离]
2010/04/11 Javascript
js getBoundingClientRect() 来获取页面元素的位置
2010/11/25 Javascript
JS操作Cookie写入和读取实例代码
2013/10/20 Javascript
javascript检查浏览器是否支持flash的实现代码
2014/08/14 Javascript
JS使用ajax从xml文件动态获取数据显示的方法
2015/03/24 Javascript
JS实现简易的图片拖拽排序实例代码
2017/06/09 Javascript
AngularJS 实现购物车全选反选功能
2017/10/24 Javascript
取消Bootstrap的dropdown-menu点击默认关闭事件方法
2018/08/10 Javascript
JS实现提示框跟随鼠标移动
2019/08/27 Javascript
微信小程序报错: thirdScriptError的错误问题
2020/06/19 Javascript
分析python服务器拒绝服务攻击代码
2014/01/16 Python
Python脚本实现格式化css文件
2015/04/08 Python
windows10系统中安装python3.x+scrapy教程
2016/11/08 Python
详解Python 序列化Serialize 和 反序列化Deserialize
2017/08/20 Python
使用Python为中秋节绘制一块美味的月饼
2019/09/11 Python
python manage.py runserver流程解析
2019/11/08 Python
10个python3常用排序算法详细说明与实例(快速排序,冒泡排序,桶排序,基数排序,堆排序,希尔排序,归并排序,计数排序)
2020/03/17 Python
Python基于pandas爬取网页表格数据
2020/05/11 Python
购买美国制造的相框和画框架:Picture Frames
2018/08/14 全球购物
学生思想表现的评语
2014/01/30 职场文书
中文专业学生自我评价范文
2014/02/06 职场文书
研讨会主持词
2014/04/02 职场文书
买房协议书
2014/04/11 职场文书
建筑学专业自荐书
2014/07/09 职场文书
公务员检讨书
2014/11/01 职场文书
岳庙导游词
2015/02/04 职场文书
客服专员岗位职责
2015/02/10 职场文书
民主评议党员个人总结
2015/02/13 职场文书
博士生专家推荐信
2015/03/25 职场文书
工程质量保证书
2015/05/09 职场文书
Mysql事务索引知识汇总
2022/03/17 MySQL