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


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 09 Javascript
如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
Jul 09 Javascript
jquery 实现窗口的最大化不论什么情况
Sep 03 Javascript
js 金额格式化来回转换示例
Feb 23 Javascript
基于jQuery创建鼠标悬停效果的方法
Mar 07 Javascript
详解JavaScript的AngularJS框架中的作用域与数据绑定
Mar 04 Javascript
jquery与ajax获取特殊字符实例详解
Jan 08 Javascript
angular 组件通信的几种实现方式
Jul 13 Javascript
js动态获取时间的方法分析
Aug 02 Javascript
layui 富文本图片上传接口与普通按钮 文件上传接口的例子
Sep 23 Javascript
JavaScript实现沿五角星形线摆动的小圆实例详解
Jul 28 Javascript
微信小程序实现自定义动画弹框/提示框的方法实例
Nov 06 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
使用array mutisort 实现按某字段对数据排序
2013/06/18 PHP
自己写的php中文截取函数mb_strlen和mb_substr
2015/02/09 PHP
php实现的递归提成方案实例
2015/11/14 PHP
PHP Oauth授权和本地加密实现方法
2016/08/12 PHP
php实现有序数组打印或排序的方法【附Python、C及Go语言实现代码】
2016/11/10 PHP
PHP输出Excel PHPExcel的方法
2018/07/26 PHP
PHP PDOStatement::errorCode讲解
2019/01/31 PHP
PHP生成图表pChart的示例解析
2020/07/31 PHP
JS 树形递归实例代码
2010/05/18 Javascript
jquery tab插件精简版分享
2011/09/10 Javascript
把input初始值不写value的具体实现方法
2013/07/04 Javascript
不使用浏览器运行javascript代码的方法
2013/07/24 Javascript
jquery实现文字由下到上循环滚动的实例代码
2013/08/09 Javascript
JavaScript日期时间格式化函数分享
2014/05/05 Javascript
微信分享的标题、缩略图、连接及描述设置方法
2014/10/14 Javascript
jquery动态添加删除(tr/td)
2015/02/09 Javascript
详解Webwork中Action 调用的方法
2016/02/02 Javascript
AngularJS中的缓存使用
2017/01/11 Javascript
学习使用Bootstrap输入框、导航、分页等常用组件
2017/05/11 Javascript
Angularjs实现上传图片预览功能
2017/09/01 Javascript
nodejs async异步常用函数总结(推荐)
2017/11/17 NodeJs
json前后端数据交互相关代码
2018/09/19 Javascript
用WebStorm进行Angularjs 2开发(环境篇:Windows 10,Angular-cli方式)
2018/12/05 Javascript
[40:50]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第四场
2014/05/24 DOTA
[15:57]教你分分钟做大人:斧王
2014/10/30 DOTA
[01:01:36]Optic vs paiN 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
wxpython 学习笔记 第一天
2009/03/16 Python
浅谈Pandas中map, applymap and apply的区别
2018/04/10 Python
django数据关系一对多、多对多模型、自关联的建立
2019/07/24 Python
10个python3常用排序算法详细说明与实例(快速排序,冒泡排序,桶排序,基数排序,堆排序,希尔排序,归并排序,计数排序)
2020/03/17 Python
乌克兰电子产品和家用电器购物网站:TOUCH
2019/08/09 全球购物
团员个人的自我评价
2013/12/02 职场文书
保健品市场营销方案
2014/03/31 职场文书
上市公司董事长岗位职责
2015/04/16 职场文书
2019消防宣传标语!
2019/07/10 职场文书
Go微服务项目配置文件的定义和读取示例详解
2022/06/21 Golang