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

来源：动视网责编：小OO 时间：2020-11-27 22:05:37

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

本文实例为大家分享了微信小程序实现自动定位的具体代码，供大家参考，具体内容如下：使用了腾讯地图提供的免费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'})。

推荐度：

点击下载本文 文档为doc格式

导读本文实例为大家分享了微信小程序实现自动定位的具体代码，供大家参考，具体内容如下：使用了腾讯地图提供的免费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'})。

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

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

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

推荐度：

点击下载本文 文档为doc格式

标签：定位微信小程序自动

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐