将谷歌地图添加到fiori sapui5应用程序

Question

我想将谷歌地图添加到我的Fiori应用程序中。 此时，我可以通过在<script>中添加index.html标记，将Google地图添加到我的UI5应用中，并成功调用地图进行渲染。但是当谈到Fiori Launchpad时，它不是index.html而是Component.js推出我的应用程序，那么它就不起作用了。我一直在努力，但没有希望。有什么建议吗？

Answer 1

您可以尝试创建一个负责渲染地图的包装器自定义控件。然后，您可以将此控件放在视图XML中。

还有这篇文章：https://blogs.sap.com/2014/07/01/google-maps-library-for-ui5/

Answer 2

您可以尝试在控制器文件中使用以下代码。

在呈现视图后立即加载脚本，而不是索引文件中的脚本

onAfterRendering: function() {
	var me = this;
	this.loadGoogleMaps("google map API script", me.setMapData.bind(me));
},

// setMapData is a callback function for setting data such as longitude and lattitude

loadGoogleMaps: function(scriptUrl, callbackFn) {
	var script = document.createElement('script');
	script.onload = function() {
        callbackFn();
	}
	script.src = scriptUrl;
	document.body.appendChild(script);
},

通过这种方式，您可以在Fiori启动板中使用它。