UI5开发 – 解决Fiori LaunchPad不能加载Google API问题

最新推荐文章于 2024-06-26 09:55:53 发布

翱翔云天SAP

最新推荐文章于 2024-06-26 09:55:53 发布

阅读量507

点赞数

分类专栏： Fiori-Web 文章标签： api 谷歌地图

本文链接：https://blog.csdn.net/eksbobo/article/details/78724815

版权

Fiori-Web 专栏收录该内容

19 篇文章 8 订阅

订阅专栏

在上文中我们已经成功实现了UI5应用加载于Fiori LaunchPad，也确实能够运行，可是由于Google Map API没有加载，导致地图无法显示，在介绍如何解决这个问题之前，我们来理一下UI5在发布到Fiori中需要加载的代码。

记得前文曾经提到过，在Fiori中，index文件不会被加载，Fiori中的应用从component-preload开始加载，接下来加载component，然后注册eventbus，加载router等等。就google地图无法显示，因为我们的google api加载于index文件，在单独运行UI5应用中，入口是index，所以没有任何问题。

既然了解了fiori会跳过index，那么只能在component里面解决了，代码如下：

在init中添加一行：

window.onload = this.loadScript();

添加loadScript函数：

loadScript : function(){  
 var script=document.createElement('script');  
 script.type='text/javascript';  
 script.src= 'https://maps.googleapis.com/maps/api/js?key=AIzaSyB0Lh5jRLPVVcct3iMVNyS_4NoiUJlvPW4&sensor=false&' + 'callback=initialize';  
 document.body.appendChild(script);   
},