使用WebIDE和SAP Cloud Platform的Fiori SAPUI5中的Google Maps API

2020-08-29 08:30发布

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


嗨,

是否有使用WebIDE在Fiori SAPUI5应用程序中使用Google Maps API(或任何第三方js库)的最佳实践?

使用绝对路径" https将控制器中的库加载 ://maps.googleapis.com/maps/api/js?key = XXXX "不起作用。

Component.js

jQuery.sap.registerModulePath(" googlemaps"," https://maps.googleapis.com/maps/api/js?key=XXX ");

controller.js

var googlemaps = jQuery.sap.require(" googlemaps");

错误:

XMLHttpRequest无法加载 https://maps.googleapis .com/maps/api/js.js 。 所请求的资源上没有" Access-Control-Allow-Origin"标头。 来源' https://webidetesting0873340-XXXXtrial.dispatcher.hanatrial.ondemand.com '因此不允许访问。 响应的HTTP状态代码为404。

我尝试使用SAP Cloud Platform目标修复此问题:

neo-app.json

{"路径":" /Google_Maps_API ","目标":{"类型":"目的地","名称":" Google_Maps_API"},"描述":" Google_Maps_API"}


Component.js

jQuery.sap.registerModulePath(" googlemaps","/img/ Google_Maps_API ");

controller.js

var googlemaps = jQuery.sap.require(" googlemaps");


错误:

无法从/Google_Maps_API.js加载" googlemaps.js":404

知道如何解决此问题吗?

亲切的问候

Rouzbeh


         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


嗨,

是否有使用WebIDE在Fiori SAPUI5应用程序中使用Google Maps API(或任何第三方js库)的最佳实践?

使用绝对路径" https将控制器中的库加载 ://maps.googleapis.com/maps/api/js?key = XXXX "不起作用。

Component.js

jQuery.sap.registerModulePath(" googlemaps"," https://maps.googleapis.com/maps/api/js?key=XXX ");

controller.js

var googlemaps = jQuery.sap.require(" googlemaps");

错误:

XMLHttpRequest无法加载 https://maps.googleapis .com/maps/api/js.js 。 所请求的资源上没有" Access-Control-Allow-Origin"标头。 来源' https://webidetesting0873340-XXXXtrial.dispatcher.hanatrial.ondemand.com '因此不允许访问。 响应的HTTP状态代码为404。

我尝试使用SAP Cloud Platform目标修复此问题:

neo-app.json

{"路径":" /Google_Maps_API ","目标":{"类型":"目的地","名称":" Google_Maps_API"},"描述":" Google_Maps_API"}


Component.js

jQuery.sap.registerModulePath(" googlemaps","/img/ Google_Maps_API ");

controller.js

var googlemaps = jQuery.sap.require(" googlemaps");


错误:

无法从/Google_Maps_API.js加载" googlemaps.js":404

知道如何解决此问题吗?

亲切的问候

Rouzbeh


付费偷看设置
发送
5条回答
空代码
1楼-- · 2020-08-29 08:53

嗨,

使用以下方法解决了该问题:

创建一个新的SAPUI5应用程序:

  • WEB IDE文件->新建->模板中的项目-> SAPUI5应用程序
  • 模型> gmap.js:在项目文件夹模型中创建一个javascript文件并添加以下代码(您需要放入API密钥gmaps.js文件。)

  • view> gmap.view.html:

  • controller> gmap.controller.js


亲切的问候

Rouzbeh

SAP砖家
2楼-- · 2020-08-29 09:07

它将在启动板中工作吗? 运行此代码时,我在FLP上看到空白页。

灬番茄
3楼-- · 2020-08-29 08:43

嗨,

我已经创建了一个如上所述的项目,并试图复制该项目,但是当我运行该应用程序时,它抛出了以下错误消息。

任何想法都会受到赞赏吗? 请让我知道是否遗漏任何东西。

项目结构:

谢谢!

Gayathri Vijayakumar

wang628962
4楼-- · 2020-08-29 09:04

嗨雅各布,

谢谢! 因为我的HTML视图已嵌入到XML视图中,所以使用

加载了脚本

<脚本src=" model/gmap.js">

辛勤工作。 我将脚本加载到控制器文件的onInit函数中

jQuery.sap.require("游乐场/apigmap/模型/gmap");

这有效!

亲切的问候

Rouzbeh

宇峰Kouji
5楼-- · 2020-08-29 08:46

一周热门 更多>