如何在SAPUI5中使用Mapbox-gl

2020-08-19 16:49发布

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

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


阅读社区中有关将Google Map与SAPUI5集成的指南博客后,我只是将Google Map中的某些关键字编辑到mapbox中,并以相同的方式尝试失败了。 我发现控制器文件无法成功读取mapbox-gl,因此名为" mapboxgl"的对象始终未定义。

我认为问题出在mapbox-gl.js文件中。 由于不是正常的SAPUI5 js文件,因此应以sap.ui.define()开始。

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

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


阅读社区中有关将Google Map与SAPUI5集成的指南博客后,我只是将Google Map中的某些关键字编辑到mapbox中,并以相同的方式尝试失败了。 我发现控制器文件无法成功读取mapbox-gl,因此名为" mapboxgl"的对象始终未定义。

我认为问题出在mapbox-gl.js文件中。 由于不是正常的SAPUI5 js文件,因此应以sap.ui.define()开始。

付费偷看设置
发送
2条回答
Alawn_Xu
1楼-- · 2020-08-19 17:17

尝试了不同的方法之后,这是一个使mapbox插件可以在SAPUI5中使用的解决方案。

让我们一步一步来

1。 使用webIDE(在线或PE)/您最喜欢的IDE创建一个新的SAPUI5应用程序项目。

2。 在webapp中添加一个名为libs的文件夹(随便什么)。

3。 从计算机上的 mapbox.com 下载mapbox-gl.js文件。

4。 将其导入项目并放入libs文件夹。

5。 让我们将gl.js文件修改为以sap.ui.define()开头的常规SAPUI5 js文件。 这是我编辑后的gl.js。

现在,该文件可以用作控制器文件中的简单SAPUI5 js模块。

6。 在我的控制器文件中,以

之类的常规方式导入gl.js

sap.ui.define([

"您的/命名空间/libs/mapbox-gl"

],函数(mapboxgl){

'严格使用';

onInit:函数(){

console.log(mapboxgl); //有效!

}

});

7。 现在,您可以在SAPUI5中使用mapboxgl。

骆驼绵羊
2楼-- · 2020-08-19 17:32

您好邹毅,

我一直在寻找用于SAP UI5路由优化的程序,例如 mapbox.com 上的程序。 对于JS,请告知。

一周热门 更多>