脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 微信小程序实现自动定位

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

 更新时间：2018年10月31日 11:24:37   作者：crazyboy12138  
这篇文章主要为大家详细介绍了微信小程序实现自动定位功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了微信小程序实现自动定位的具体代码，供大家参考，具体内容如下

使用了腾讯地图提供的免费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)
   }
  })
  }
 })
 } 
})

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • JS 中的 Event Loop 是什么你真的懂

    JS 中的 Event Loop 是什么你真的懂

    Event Loop，简单翻译就是 事件循环，是 JS 语言下实现运行时的一个机制，这篇文章主要介绍了JS 中的 Event Loop 的基本知识,需要的朋友可以参考下
    2022-06-06
  • js实现交换运动效果的方法

    js实现交换运动效果的方法

    这篇文章主要介绍了js实现交换运动效果的方法,涉及javascript操作页面元素与相关样式实现交换运动效果的技巧,需要的朋友可以参考下
    2015-04-04
  • JavaScript中的appendChild()方法示例详解

    JavaScript中的appendChild()方法示例详解

    这篇文章主要介绍了JavaScript中的appendChild()方法,appendChild()方法是向节点添加最后一个子节点,也可以使用此方法从一个元素向另一个元素移动元素,本文结合实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2023-10-10
  • html读出文本文件内容

    html读出文本文件内容

    html读出文本文件内容...
    2007-01-01
  • uniapp实现微信公众号支付的方法步骤

    uniapp实现微信公众号支付的方法步骤

    本文主要介绍了uniapp实现微信公众号支付的方法步骤，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-05-05
  • 夯基础之手撕javascript继承详解

    夯基础之手撕javascript继承详解

    这篇文章主要给大家介绍了关于手撕javascript继承的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • 前端性能优化建议

    前端性能优化建议

    这篇文章主要分享了一些前端性能优化的建议，帮助大家提高页面性能，感兴趣的朋友可以了解下
    2020-09-09
  • 浅析javascript闭包 实例分析

    浅析javascript闭包 实例分析

    闭包是一个拥有许多变量和绑定了这些变量的环境表达式（通常是一个函数），因而这些变量也是环境表达式的一部分。
    2010-12-12
  • js实现tab选项卡函数代码

    js实现tab选项卡函数代码

    js实现tab选项卡函数代码，需要的朋友可以参考下，这样的代码也是比较常用的，相当原理也比较简单。
    2010-04-04
  • js 将canvas生成图片保存,或直接保存一张图片的实现方法

    js 将canvas生成图片保存,或直接保存一张图片的实现方法

    下面小编就为大家分享一篇js 将canvas生成图片保存,或直接保存一张图片的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01

最新评论