uniapp map key not configured 如何解决

在使用uniapp开发时遇到"map key not configured"错误,该如何配置地图密钥?我已经在manifest.json中配置了高德或腾讯地图的key,但运行项目时仍然报错。具体需要在哪里配置才能解决这个问题?是否有其他需要注意的设置?

2 回复

在HBuilderX中打开manifest.json,找到App SDK配置,勾选地图并填写高德或百度地图的key。然后重新打包即可。


在 UniApp 中遇到 “map key not configured” 错误,通常是因为未正确配置地图组件的密钥(如高德地图、百度地图或腾讯地图)。以下是解决步骤:

1. 获取地图密钥

  • 访问对应地图服务商开放平台(如高德地图、百度地图),注册账号并创建应用,获取密钥(Key)。
  • 例如高德地图:需填写 Bundle ID(iOS)或 Package Name 与 SHA1(Android)。

2. 在 UniApp 项目中配置密钥

  • 方法一:在 manifest.json 中配置
    1. 打开 manifest.json → “App 模块配置” → 勾选 “Maps(地图)”。
    2. 选择地图服务商(如高德地图),填写获取的密钥:
      {
        "maps": {
          "amap": {
            "key": "你的高德地图Key"
          }
        }
      }
      
  • 方法二:在页面中动态配置(不推荐,仅作备用)
    <map provider="amap" :key="yourKey"></map>
    

3. 检查平台配置

  • Android:确保 manifest.json 中 Android 包名与地图平台注册时填写的包名一致。
  • iOS:确保 Bundle Identifier 与地图平台注册时一致,并配置 WKWebView 白名单(如需)。

4. 重新编译运行

  • 修改配置后,重新编译项目(运行到真机或自定义基座),直接刷新可能不生效。

注意事项:

  • 密钥需与项目包名/Bundle ID 匹配,否则会报错。
  • 使用 HBuilderX 标准基座测试时,需配置自定义基座(因标准基座包名固定)。

完成以上步骤后,地图应能正常加载。如果问题持续,检查密钥是否有效或网络权限是否开启。

回到顶部