大渡口网站建设哪家好,如何进行一个网站建设,创建网站购买域名要注意什么,做文案的人看什么网站新公司最近用uni-app写app#xff0c;之前的代码有很多问题#xff0c;正好趁着改bug的时间学习下uni-app。
问题现象#xff1a;
使用uni-app在浏览器调试的时候#xff0c;地图是展示的#xff0c;但是打包完成后#xff0c;在app端是空白的。咱第一次写app#xff…新公司最近用uni-app写app之前的代码有很多问题正好趁着改bug的时间学习下uni-app。
问题现象
使用uni-app在浏览器调试的时候地图是展示的但是打包完成后在app端是空白的。咱第一次写app啥也不懂啊不是。
附上一张浏览器调试的截图 安卓app上是空白页就不附图了。
问题排查
因为我们用的就是uni-app自带的组件所以一般遇到这种问题去官网查看相关资料就行。 官网最下方的注意事项中提到“App端使用map推荐使用nvue” 那项目中尽量使用.nvue文件具体.vue文件能不能行小伙伴们可以评论区告诉下 注意事项中提到“H5为腾讯地图或谷歌地图或高德地图。app-vue也可以使用百度地图在manifest中配置打包后生效但app-nvue只支持高德地图。” H5的地图也就是在浏览器中调试的地图是根据你在manifest.json文件中有个 web配置 模块配置生成的我在项目中配的腾讯地图所以在上面截图中是显示腾讯地图。因为我们加载地图的文件使用的是.nvue所以我们app打包后是高德地图。 注意事项中提到**“向高德或百度等三方服务商申请SDK资质获取AppKey打包时需要在manifest文件中勾选相应模块在SDK配置中填写Appkey。”** 所以我们没有填AppKey是不行的。
解决步骤 打开高德地图网站进入右上角的控制台进入应用管理 - 我的应用 后添加key然后添加key名称、选择服务平台接下来就是填写发布版安全码SHA1、PackageName。 SHA1可参照官方提供的几种方式去获取生成SHA1要使用你打包的那个.keystore文件。 PackageName可以使用HbuilderX云打包时的Android包名。 填写好对应信息提交后会生成key。打开HBuilderX找到 App模块配置 后找到 Maps找到高德地图把刚获取的key填上。如果app只是安卓的可以只填安卓的appkey。 重新打包安装app。 app打开后是这样的 具体为啥不是平面的还没研究有时间研究完再来追加。
成功开森
