2020-08-19 16:49发布
加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)
阅读社区中有关将Google Map与SAPUI5集成的指南博客后,我只是将Google Map中的某些关键字编辑到mapbox中,并以相同的方式尝试失败了。 我发现控制器文件无法成功读取mapbox-gl,因此名为" mapboxgl"的对象始终未定义。
我认为问题出在mapbox-gl.js文件中。 由于不是正常的SAPUI5 js文件,因此应以sap.ui.define()开始。
尝试了不同的方法之后,这是一个使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。 在我的控制器文件中,以
sap.ui.define([
"您的/命名空间/libs/mapbox-gl"
],函数(mapboxgl){
'严格使用';
onInit:函数(){
console.log(mapboxgl); //有效!
}
});
7。 现在,您可以在SAPUI5中使用mapboxgl。
您好邹毅,
我一直在寻找用于SAP UI5路由优化的程序,例如 mapbox.com 上的程序。 对于JS,请告知。
最多设置5个标签!
尝试了不同的方法之后,这是一个使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.jssap.ui.define([
"您的/命名空间/libs/mapbox-gl"
],函数(mapboxgl){
'严格使用';
onInit:函数(){
console.log(mapboxgl); //有效!
}
});
7。 现在,您可以在SAPUI5中使用mapboxgl。
您好邹毅,
我一直在寻找用于SAP UI5路由优化的程序,例如 mapbox.com 上的程序。 对于JS,请告知。
一周热门 更多>