微信小程序获取地理位置

WX小程序获取地理位置1.获取用户地理位置,需要用到以下三个api方法wx.getSetting()获取用户的授权列表信息wx.openSetting()调起客户端小程序设置界面wx.getLocation()获取用户当前位置<view bindtap='getCurrentLocal'>获取当前位置</view>当用户点击“获取...
摘要由CSDN通过智能技术生成

WX小程序获取地理位置

1.获取用户地理位置,需要用到以下三个api方法
wx.getSetting() 获取用户的授权列表信息
wx.openSetting() 调起客户端小程序设置界面
wx.getLocation() 获取用户当前位置
<view bindtap='getCurrentLocal'>获取当前位置</view>

当用户点击“获取当前位置”时,我们调用 wx.getSetting() 方法来获取用户授权相关信息,判断 wx.getSetting() 方法返回的结果中是否包含地理位置的授权信息

1.1.进入腾讯地图位置服务网址,然后申请密钥(很关键)

https://lbs.qq.com/console/key.html

1.2.下载微信小程序JavaScriptSDK

https://lbs.qq.com/qqmap_wx_jssdk/index.html
在这里插入图片描述

3.3在wx小程序官网上“设置” -> “开发设置”中设置request合法域名,添加https://apis.map.qq.com

在这里插入图片描述

然后进行代码编辑,这是js中的

//index.js
const app = getApp();
// 这里写你的js路径
var QQMapWX = require('../data/qqmap-wx-jssdk.min.js');//这里是我引入我从tx位置上下载的js文件放到了我的data文件夹里面了
var qqmapsdk;
Page({
   
  data: {
   
    province: '',
    city: '',
    latitude: '',
    longitude: ''
  },
  onLoad: function () {
   
    // 这里写你自己的秘钥
    qqmapsdk = new QQMapWX({
   
      key: '这个地方写的是自己的key秘钥' 
    });
  },
  onShow: function () {
   
    let vm = this;
    vm.getUserLocation();
  },
  getUserLocation: function () {
   
    let
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值