微信小程序实现自动定位功能
更新时间：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)
}
})
}
})
}
})
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
BootStrap Progressbar 实现大文件上传的进度条的实例代码
这篇文章主要介绍了BootStrap Progressbar 实现大文件上传的进度条的实例代码的相关资料，非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-06-06
这篇文章主要为大家详细介绍了JavaScript实现QQ聊天室功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
JavaScript实现防止网页被嵌入Frame框架的代码分享
这篇文章主要介绍了JavaScript实现防止网页被嵌入Frame框架的代码分享,本文给出了2种防嵌入方法,需要的朋友可以参考下2014-12-12
JavaScript 实现类似Express的中间件系统(实例详解)
在 Express 中可以给一个请求设置若干个中间件，在处理响应时会按顺序执行这些中间件，正在执行的中间件可以控制是否执行下一个中间件，这篇文章主要介绍了JavaScript 实现类似Express的中间件系统的相关资料,需要的朋友可以参考下2023-02-02
如何使用big.js解决JavaScript浮点数精度丢失问题
最近在项目中涉及到金额从元转为分（乘100即可）,发现乘法居然也会有精度丢失的问题,关于浮点数计算精度丢失是很多语言都存在的问题,本文给大家分享使用big.js解决JavaScript浮点数精度丢失问题,感兴趣的朋友一起看看吧2023-12-12
今天小编就为大家分享一篇关于layui表单中按钮自动提交的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要介绍了JS实现汉字与Unicode码相互转换的方法,结合实例形式较为详细的分析了javascript针对汉字与Unicode编码转换的操作技巧与相关注意事项,需要的朋友可以参考下2017-04-04
限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数
这篇文章主要介绍了限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数的实例代码，非常不错，也比较实用，需要的小伙伴一起看下吧2016-05-05
这篇文章主要介绍了JavaScript实现节点的删除与序号重建方法,涉及javascript针对页面节点的删除与遍历技巧,非常具有实用价值,需要的朋友可以参考下2015-08-08
这篇文章主要为大家详细介绍了如何基于JavaScript实现一个可拖拽的容器布局组件,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2023-12-12
最新评论