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

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

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

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

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

微信小程序 自动定位