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


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函数排序的实例代码
Jul 01 Javascript
js函数参数设置默认值的一种变通实现方法
May 26 Javascript
JavaScript导出Excel实例详解
Nov 25 Javascript
js 动态生成html 触发事件传参字符转义的实例
Feb 14 Javascript
JavaScript用200行代码制作打飞机小游戏实例
Jun 21 Javascript
JS简单实现点击跳转登陆邮箱功能的方法
Oct 31 Javascript
Vue侧滑菜单组件——DrawerLayout
Dec 18 Javascript
php 解压zip压缩包内容到指定目录的实例
Jan 23 Javascript
Puppeteer环境搭建的详细步骤
Sep 21 Javascript
Vue-CLI3.x 设置反向代理的方法
Dec 06 Javascript
微信小程序实现手指拖动选项排序
Apr 22 Javascript
如何通过简单的代码描述Angular父组件、子组件传值
Apr 07 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 file_get_contents 函数超时的几种解决方法
2009/07/30 PHP
PHP实现JS中escape与unescape的方法
2016/07/11 PHP
laravel + vue实现的数据统计绘图(今天、7天、30天数据)
2018/07/31 PHP
javascript firefox不显示本地预览图片问题的解决方法
2008/11/12 Javascript
InnerHtml和InnerText的区别分析
2009/03/13 Javascript
两个select之间option的互相添加操作(jquery实现)
2009/11/12 Javascript
jquery 插件学习(四)
2012/08/06 Javascript
jQuery插件jQuery-JSONP开发ajax调用使用注意事项
2013/11/22 Javascript
javascript实现的一个随机点名功能
2014/08/26 Javascript
javascript的BOM汇总
2015/07/16 Javascript
全屏滚动插件fullPage.js使用实例解析
2016/10/21 Javascript
Bootstrap学习笔记之环境配置(1)
2016/12/07 Javascript
js实现功能比较全面的全选和多选
2017/03/02 Javascript
jQuery简单实现遍历单选框的方法
2017/03/06 Javascript
详谈js使用in和hasOwnProperty获取对象属性的区别
2017/04/25 Javascript
JScript实现表格的简单操作
2017/08/15 Javascript
angularJs 表格添加删除修改查询方法
2018/02/27 Javascript
vue3.0 CLI - 2.6 - 组件的复用入门教程
2018/09/14 Javascript
js中的数组对象排序分析
2018/12/11 Javascript
JS实现提示框跟随鼠标移动
2019/08/27 Javascript
基于Vue实现微前端的示例代码
2020/04/24 Javascript
vue-cli3项目配置eslint代码规范的完整步骤
2020/09/10 Javascript
JavaScript ES 模块的使用
2020/11/12 Javascript
Python中关键字nonlocal和global的声明与解析
2017/03/12 Python
Python学习笔记之if语句的使用示例
2017/10/23 Python
python实践项目之监控当前联网状态详情
2019/05/23 Python
Python实现AI自动抠图实例解析
2020/03/05 Python
考试作弊被抓检讨书
2014/01/10 职场文书
物流创业计划书
2014/02/01 职场文书
工作决心书范文
2014/03/11 职场文书
会计演讲稿范文
2014/05/23 职场文书
夫妻忠诚协议书范本
2014/11/17 职场文书
数据结构课程设计心得体会
2016/01/15 职场文书
学前班教学反思
2016/02/24 职场文书
使用vue-element-admin框架从后端动态获取菜单功能的实现
2021/04/29 Vue.js
Python中request的基本使用解决乱码问题
2022/04/12 Python