uniapp map key not configured如何解决

在使用Uniapp开发时，地图功能无法正常显示，控制台报错"map key not configured"。请问该如何正确配置高德或腾讯地图的key？具体需要在manifest.json的哪个位置添加配置？是否需要区分Android和iOS平台分别设置？求详细的解决方案。

2 回复

在H5平台，需在manifest.json中配置腾讯或高德地图的key；App端需在manifest的App模块配置中勾选并填写地图key。配置后记得重新运行项目。


在uni-app中遇到“map key not configured”错误，通常是因为未配置高德地图或腾讯地图的密钥。以下是解决方法：

1. 获取地图密钥

2. 配置密钥

在 manifest.json 文件中配置：

{
  "app-plus": {
    "modules": {
      "Maps": {}
    },
    "distribute": {
      "sdkConfigs": {
        "maps": {
          "amap": {
            "appkey_ios": "你的高德iOS Key",
            "appkey_android": "你的高德Android Key"
          },
          "qqmap": {
            "appkey_ios": "你的腾讯iOS Key",
            "appkey_android": "你的腾讯Android Key"
          }
        }
      }
    }
  }
}

3. 注意事项

  • 平台差异：iOS和Android需分别配置密钥。
  • 包名匹配：确保密钥与应用包名一致。
  • 重新运行：配置后需重新编译运行项目。

4. 检查步骤

  • 确认密钥无误。
  • 检查 manifest.json 格式是否正确。
  • 清除项目缓存并重新编译。

完成配置后，地图功能即可正常使用。

回到顶部