uni-app使用高德地图打包iOS时,配置高德的iOS key一直报错

发布于 1周前 作者 sinazl 来自 Uni-App

uni-app使用高德地图打包iOS时,配置高德的iOS key一直报错

Manifest.json文件以下节点配置错误,请检查修复
[HBuilder] 09:33:58.578 app-plus.distribute.sdkConfigs.geolocation.amap.appkey_ios 高德地图、高德定位的appkey_ios必须一致
[HBuilder] 09:33:58.578 app-plus.distribute.sdkConfigs.maps.amap.appkey_ios 高德地图、高德定位的appkey_ios必须一致

1 回复

在uni-app中使用高德地图并打包iOS应用时,如果配置高德的iOS key一直报错,通常是因为配置步骤中的某些环节出现了问题。以下是一个详细的配置和代码示例,帮助你确保所有步骤都正确无误。

步骤一:获取高德地图iOS Key

  1. 登录高德开放平台(https://lbs.amap.com/)。
  2. 创建一个新的应用,获取iOS平台的Key。

步骤二:配置uni-app项目

  1. 修改manifest.json: 在manifest.json中,找到mp-weixin或其他平台的配置部分(如果你主要打包iOS,可能需要关注app-plush5等部分,但主要是iOS配置),确保已添加高德地图SDK的相关配置。不过,uni-app通常不直接在这里配置iOS key,而是需要在原生代码中配置。

  2. iOS原生代码配置

    • 打开Xcode,找到你的uni-app项目生成的iOS工程。
    • Info.plist文件中添加高德地图的Key。你需要添加一个名为AMapServicesKit_iOS_AppKey的键,值为你从高德开放平台获取的iOS Key。
    <key>AMapServicesKit_iOS_AppKey</key>
    <string>你的高德iOS Key</string>
    
  3. 引入高德地图SDK

    • 确保你的项目已经通过CocoaPods或其他方式引入了高德地图的SDK。

    • 如果使用CocoaPods,你的Podfile中应该包含类似下面的配置:

      pod 'AMapFoundationKit', '~> 2.0'
      pod 'AMapSearchKit', '~> 8.0'
      pod 'AMapLocationKit', '~> 6.0'
      
    • 然后运行pod install来安装这些依赖。

步骤三:使用高德地图功能

在uni-app的代码中,你可以通过条件编译来使用高德地图的功能。以下是一个简单的示例,展示如何在页面中加载高德地图:

<template>
  <view>
    <map 
      id="map" 
      longitude="116.397428" 
      latitude="39.90923" 
      scale="14" 
      :markers="[{id: 1, latitude: 39.90923, longitude: 116.397428}]"
      style="width: 100%; height: 300px;"
    />
  </view>
</template>

<script>
export default {
  mounted() {
    // 这里可以添加更多高德地图初始化的代码,如设置定位等
  }
}
</script>

<style>
/* 样式可以根据需要调整 */
</style>

确保你的map组件已经正确引入了高德地图的JS SDK(如果有使用),并且与iOS原生SDK的配置保持一致。

按照以上步骤操作后,应该可以解决你遇到的iOS key配置报错问题。如果仍然存在问题,请检查Xcode的日志输出,看看是否有更详细的错误信息。

回到顶部