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

 更新时间:2018年10月31日 11:24:38   作者:crazyboy12138   我要评论

这篇文章主要为大家详细介绍了微信小程序实现自动定位功能,具有一定的参?#25216;?#20540;,感兴趣的小伙伴们可以参?#23478;?#19979;

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

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

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

相关文章

  • jquery插件bootstrapValidator数据验证详解

    jquery插件bootstrapValidator数据验证详解

    这篇文章主要为大家详细介绍了jquery插件bootstrapValidator数据验证使用教程,具有一定的参?#25216;?#20540;,感兴趣的小伙伴们可以参?#23478;?#19979;
    2016-11-11
  • 关于网页中的无缝滚动的js代码

    关于网页中的无缝滚动的js代码

    随便打开一个网?#24120;?#22522;本上都会看到无缝滚动或者轮播图,比如淘宝还有360官网的首页。那么这些滚动效果是怎么实现的呢?下面小编给大家分享关于网页中的无缝滚动的js代码,感兴趣的朋友一起看下吧
    2016-06-06
  • JS实现判断碰撞的方法

    JS实现判断碰撞的方法

    这篇文章主要介绍了JS实现判断碰撞的方法,实例分析了通过js判断实体碰撞的技巧与相关应用,需要的朋友可以参考下
    2015-02-02
  • js实现点击按钮复制文本功能

    js实现点击按钮复制文本功能

    这篇文章主要为大家详细介绍了原生js实现点击按钮复制文本的相关代码,具有一定的参?#25216;?#20540;,感兴趣的小伙伴们可以参?#23478;?#19979;
    2018-04-04
  • 理解JavaScript的prototype属性

    理解JavaScript的prototype属性

    JavaScript可以说是最让人初学者难以理解的单一属性。我看了一些资料后,开始明白其实这些困难很大程度来自prototype这个名字本身的二义性
    2012-02-02
  • 值得分享的Bootstrap Ace模板实现菜单和Tab页效果

    值得分享的Bootstrap Ace模板实现菜单和Tab页效果

    这篇文章主要为大家分享了基于Bootstrap Ace模板实现菜单和Tab页效果,感兴趣的小伙伴们可以参?#23478;?#19979;
    2015-12-12
  • 微信小程序wepy框架?#22987;?#23567;结

    微信小程序wepy框架?#22987;?#23567;结

    这篇文章主要介绍了微信小程序wepy框架?#22987;?#23567;结,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • Javascript 实现?#35745;?#26080;缝滚动

    Javascript 实现?#35745;?#26080;缝滚动

    这篇文章主要介绍了Javascript 实现?#35745;?#26080;缝滚动的相关资料,需要的朋友可以参考下
    2014-12-12
  • 简洁短小的 JavaScript IE 浏览器判定代码

    简洁短小的 JavaScript IE 浏览器判定代码

    IE浏览器?#36824;?#26159;什么版本,总是跟Web标准有些不太兼容。对于代码工作者来说,自然是苦不堪言,为了考虑IE的兼容问题,?#36824;?#26159;写 CSS 还是 JS,往往?#23478;?#23545; IE 特别?#28304;?#36825;就少不了做些判断。本文不讨论如何区分 IE 的样式,仅是 JS 判定 IE 浏览器。
    2010-03-03
  • 使用store来优化React组件的方法

    使用store来优化React组件的方法

    这篇文章主要介绍了使用store来优化React组件的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10

最新评论

时时彩包赢公式0369