微信小程序引用腾讯地图，获取定位服务

最新推荐文章于 2024-08-26 17:14:46 发布

拈花醉。

最新推荐文章于 2024-08-26 17:14:46 发布

阅读量441

点赞数

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/weixin_52541520/article/details/117046417

版权

本文介绍了如何在微信小程序中引用腾讯地图SDK，通过设置app.json和引入相关库文件QQMapWX，来实现获取定位服务的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在app.json 设置

  "permission": {
   
    "scope.userLocation": {
   
      "desc": "你的位置信息将用于小程序位置展示"
    }
  },

在页面引用
let QQMapWX = require(’…/…/utils/qqmap-wx-jssdk.min.js’)

 let qqmapsdk = new QQMapWX({
   
      key: 'Tasdfjasdkasdfasf'  // 地图的key
    })

// 实例化API核心类
var QQMapWX = require('../../../../utils/qqmap-wx-jssdk.min.js')
var qqmapsdk;
Page({
   
  isOpenGps() {
   
    let that = this
    wx.getSetting({
   
      success: function (res) {
   
        let statu = res.authSetting
        if (!statu['scope.userLocation']) {
   
          wx.showModal({
   
            title: '是否授权当前位置',
            content: '需要获取您的地理位置，请确认授权',
            success: function (tip) {
   
              if (tip.confirm) {
   
                wx.openSetting({
   
                  success: function (data) {
   
                    console.log('openSetting...', data)
                    if (data.authSetting['scope.userLocation']