微信小程序调用腾讯地图却显示未定义

Question

uniapp调用腾讯地图sdk，明明已经定义了qqmapsdk,不知道为什么老是弹报错

求问怎么解决

Answer 1

让阿豪来帮你解答，本回答参考chatgpt3.5编写提供，如果还有疑问可以评论或留言

问题描述：在uniapp中调用腾讯地图sdk时，已经定义了qqmapsdk，但是在运行时仍然报错。 解决方案：可能出现问题的原因有很多，可以尝试以下几种解决方案：

1. 确认qqmapsdk是否在运行时已经加载成功，可以在main.js中添加以下代码，查看运行时是否加载成功：

import QQMapWX from '@/libs/qqmap-wx-jssdk.js'
Vue.prototype.QQMapWX = QQMapWX

1. 可以尝试重新安装sdk，在manifest.json文件中添加以下代码，重新安装sdk：

"app-plus": {
  "useCaches": false,
  "permissions": {
    "system.alert": {},
    "location": {}
  },
  "config": {
    "QQMapWX": {
      "apiKey": "yourApiKey"
    }
  },
  "sdkConfig": {
    "qqmap": {
      "apiKey": "yourApiKey"
    }
  }
}

请将"yourApiKey"替换成您自己的key值。 3. 确认代码是否正确引入，以下是正确的引入方式：

import { QQMapWX } from '@/utils/qqmap-wx-jssdk.js'

1. 如果以上方法都无法解决问题，可以尝试将项目打包到HBuilder X中，使用HBuilder X的调试工具进行调试，有助于定位问题。 案例： 在main.js文件中添加以下代码：

import QQMapWX from '@/libs/qqmap-wx-jssdk.js'
Vue.prototype.QQMapWX = QQMapWX

然后在页面中调用：

this.QQMapWX.geocoder({
  address: '广州市天河区岗顶'
})

代码引入是正确的，但在运行时仍然报错。经过检查后发现，在引入SDK时配置中的key值写错了，已更正后运行正常。