HBuilderX云打包后Android手机高德地图无法使用问题

公司H5包壳APP项目有需要使用高德地图,用HBuilderX真机调试安卓和苹果手机都能使用,但是云打包后,安卓手机却打不开地图。

  • 遇到问题,首先想看有没有什么报错,安卓手机可以在手机上下载谷歌浏览器,然后打开手机设置的开发者选项,手机USB连上电脑。电脑谷歌浏览器浏览 chrome://inspect/#devices,如下图
    在这里插入图片描述
    特别需要注意的地方
    1、manifest.json 中的 debug: “true” 需要设置,否则看不到APP。
    在这里插入图片描述
    2、点inspect查看调试,会出现404,这里需要翻墙就可以解决。

  • 然后发现发现报错的code是7,发现是SKD配置的key有问题
    在这里插入图片描述
    之前只在高德申请了js api的key,在index.html里引用了,然后SKD配置的IOS和Android也是用这个key,但是安卓的key也要申请Android的key才可以(IOS估计也要重新申请KEY,暂时没包壳IOS)。

<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=6c6732d9e4bd450864be00927*****"></script> 

在这里插入图片描述

  • 到这里任务就成了申请安卓的key。

步骤如下:
1、HBuilderX 云打包中先申请自有证书,参考 https://ask.dcloud.net.cn/article/35777 , 查看自由证书,里面会有 SHA1 。
2、 PackageName 名就是云打包的 Android包名。
3、拿到Android的key值,在SKD配置里填写就OK了。
在这里插入图片描述

  • 再进行打包,打开页面就能正常显示地图了,记得将上面配置里面的debug模式改回fasle或者删除。
    在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_43968658/article/details/114264496