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


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 相关文章推荐
Code: write(s,d) 输出连续字符串
Aug 19 Javascript
jQuery.extend 函数详解
Feb 03 Javascript
jquery formValidator插件ajax验证 内容不做任何修改再离开提示错误的bug解决方法
Jan 04 Javascript
JQuery页面图片切换和新闻列表滚动效果的具体实现
Sep 26 Javascript
将json对象转换为字符串的方法
Feb 20 Javascript
javascript实现动态导入js与css等静态资源文件的方法
Jul 25 Javascript
基于Arcgis for javascript实现百度地图ABCD marker的效果
Sep 12 Javascript
JavaScript图像延迟加载库Echo.js
Apr 05 Javascript
jQuery编写网页版2048小游戏
Jan 06 Javascript
select下拉框插件jquery.editable-select详解
Jan 22 Javascript
详解Require.js与Sea.js的区别
Aug 05 Javascript
vue 实现移动端键盘搜索事件监听
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
Php中用PDO查询Mysql来避免SQL注入风险的方法
2013/04/25 PHP
PHP 类相关函数的使用详解
2013/05/10 PHP
PHP管理依赖(dependency)关系工具 Composer 安装与使用
2014/08/18 PHP
php apache开启跨域模式过程详解
2019/07/08 PHP
laravel 多图上传及图片的存储例子
2019/10/14 PHP
浅谈Laravel POST,PUT,PATCH 路由的区别
2019/10/15 PHP
Aster vs KG BO3 第二场2.19
2021/03/10 DOTA
jQuery中filter(),not(),split()使用方法
2010/07/06 Javascript
myEvent.js javascript跨浏览器事件框架
2011/10/24 Javascript
JS中window.open全屏命令解析及使用示例
2013/12/11 Javascript
jQuery ajax分页插件实例代码
2016/01/27 Javascript
jqueryMobile 动态添加元素,展示刷新视图的实现方法
2016/05/28 Javascript
vue2.x数组劫持原理的实现
2020/04/19 Javascript
Vite和Vue CLI的优劣
2021/01/30 Vue.js
python备份文件以及mysql数据库的脚本代码
2013/06/10 Python
Python 2与Python 3版本和编码的对比
2017/02/14 Python
python数据处理实战(必看篇)
2017/06/11 Python
python anaconda 安装 环境变量 升级 以及特殊库安装的方法
2017/06/21 Python
python读取与写入csv格式文件的示例代码
2017/12/16 Python
Python操作MySQL模拟银行转账
2018/03/12 Python
python实现电子产品商店
2019/02/26 Python
Python 监测文件是否更新的方法
2019/06/10 Python
python字符串替换re.sub()方法解析
2019/09/18 Python
使用matlab或python将txt文件转为excel表格
2019/11/01 Python
Python模块/包/库安装的六种方法及区别
2020/02/24 Python
django 将自带的数据库sqlite3改成mysql实例
2020/07/09 Python
CSS3中31种选择器使用方法教程
2013/12/05 HTML / CSS
.NET remoting的两种通道是什么
2016/05/31 面试题
天网工程实施方案
2014/03/26 职场文书
领导班子专题民主生活会情况想汇报
2014/09/30 职场文书
2014年度安全工作总结
2014/12/04 职场文书
2015年收银员个人工作总结
2015/04/01 职场文书
幼儿园开学家长寄语(2016秋季)
2015/12/03 职场文书
纪念建国70周年演讲稿
2019/07/19 职场文书
导游词之宁夏贺兰山岩画
2019/11/08 职场文书
pyqt5蒙版遮罩mask,setmask的使用
2021/06/11 Python