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


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 相关文章推荐
网页和浏览器兼容性问题汇总(draft1)
Jun 01 Javascript
Javascript倒计时代码
Aug 12 Javascript
js下用eval生成JSON对象
Sep 17 Javascript
jQuery示例收集
Nov 05 Javascript
js实现快速分享功能(你的文章分享工具)
Jun 25 Javascript
Javascript 实现图片无缝滚动
Dec 19 Javascript
easyui combobox开启搜索自动完成功能的实例代码
Nov 08 Javascript
Vue 创建组件的两种方法小结(必看)
Feb 23 Javascript
vue短信验证性能优化如何写入localstorage中
Apr 25 Javascript
详解Vue CLI3 多页应用实践和源码设计
Aug 30 Javascript
详解jQuery中的easyui
Sep 02 jQuery
ES6 对象的新功能与解构赋值介绍
Feb 05 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 可阅读随机字符串代码
2010/05/26 PHP
解决php接收shell返回的结果中文乱码问题
2014/01/23 PHP
jquery.alert 弹出式复选框实现代码
2009/06/15 Javascript
JavaScript CSS修改学习第五章 给“上传”添加样式
2010/02/19 Javascript
33个优秀的jQuery 教程分享(幻灯片、动画菜单)
2011/07/08 Javascript
js中判断文本框是否为空的两种方法
2011/07/31 Javascript
jQuery.extend()的实现方式详解及实例
2013/06/29 Javascript
JSONP获取Twitter和Facebook文章数的具体步骤
2014/02/24 Javascript
JS控制输入框内字符串长度
2014/05/21 Javascript
jQuery实现ctrl+enter(回车)提交表单
2015/10/19 Javascript
详解JavaScript的回调函数
2015/11/20 Javascript
js遍历map javaScript遍历map的简单实现
2016/08/26 Javascript
JavaScript实现经纬度转换成地址功能
2017/03/28 Javascript
vue.js移动端app之上拉加载以及下拉刷新实战
2017/09/11 Javascript
JavaScript中set与get方法用法示例
2018/08/15 Javascript
小程序云开发之用户注册登录
2019/05/18 Javascript
vue 使用鼠标滚动加载数据的例子
2019/10/31 Javascript
vue+elementUI(el-upload)图片压缩,默认同比例压缩操作
2020/08/10 Javascript
python脚本实现查找webshell的方法
2014/07/31 Python
django搭建项目配置环境和创建表过程详解
2019/07/22 Python
Django框架自定义模型管理器与元选项用法分析
2019/07/22 Python
pytorch下大型数据集(大型图片)的导入方式
2020/01/08 Python
python next()和iter()函数原理解析
2020/02/07 Python
Python爬虫进阶之爬取某视频并下载的实现
2020/12/08 Python
Python try except else使用详解
2021/01/12 Python
CSS3实现瀑布流布局与无限加载图片相册的实例代码
2016/12/22 HTML / CSS
CSS3贝塞尔曲线示例:创建链接悬停动画效果
2020/11/19 HTML / CSS
美国战术品牌:5.11 Tactical
2019/05/01 全球购物
abstract class和interface有什么区别
2013/08/04 面试题
swtich是否能作用在byte上,是否能作用在long上,是否能作用在String上
2013/07/06 面试题
资产评估专业大学生求职信
2013/09/29 职场文书
表彰大会策划方案
2014/05/13 职场文书
2015年医院后勤工作总结
2015/05/20 职场文书
掌握一个领域知识,高效学习必备方法
2019/08/08 职场文书
Java实现简易的分词器功能
2021/06/15 Java/Android
Golang map映射的用法
2022/04/22 Golang