用于Bing地图的SAP Lumira SDK

2020-08-30 02:24发布

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

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


457/5000

大家好,
我目前正在创建一个使用Bing Maps的SDK。 为此,我根据现有的Google地图示例组件进行了复制和改编。

在" contribution.xml"文件中,我按以下方式调用Bing Maps:
http://www.bing.com/api/maps/mapcontrol?callback = GetMap> res/js/component.js

文件" component.js"包含以下内容:

sap.designstudio.sdk.Component.subclass(" com.deuwo.bingmaps.BingMaps",function(){var lat = 52.527222;
var long = 13.4225; 函数GetMap(){
var map = new Microsoft.Maps.Map('#myMap',{
凭据:key =" my Key",
中心:新的Microsoft.Maps.Location(长,长),
mapTypeId:Microsoft.Maps.MapTypeId.aerial,
变焦:10
});
};
});

不幸的是,当我将SDK集成到布局中时,没有调用Bing Maps。 没发生什么事。

有人暗示错误在哪里吗?

感谢与问候
提摩

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

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


457/5000

大家好,
我目前正在创建一个使用Bing Maps的SDK。 为此,我根据现有的Google地图示例组件进行了复制和改编。

在" contribution.xml"文件中,我按以下方式调用Bing Maps:
http://www.bing.com/api/maps/mapcontrol?callback = GetMap> res/js/component.js

文件" component.js"包含以下内容:

sap.designstudio.sdk.Component.subclass(" com.deuwo.bingmaps.BingMaps",function(){var lat = 52.527222;
var long = 13.4225; 函数GetMap(){
var map = new Microsoft.Maps.Map('#myMap',{
凭据:key =" my Key",
中心:新的Microsoft.Maps.Location(长,长),
mapTypeId:Microsoft.Maps.MapTypeId.aerial,
变焦:10
});
};
});

不幸的是,当我将SDK集成到布局中时,没有调用Bing Maps。 没发生什么事。

有人暗示错误在哪里吗?

感谢与问候
提摩
付费偷看设置
发送
3条回答
代楠1984
1楼 · 2020-08-30 02:51.采纳回答

同时,我已经解决了如下问题。

文件tribution.xml:

  http://www.bing.com/api/maps/mapcontrol?callback=GetMap&key= [MY_KEY] 
  res/js/component.js  

文件component.js:

 sap.designstudio.sdk.Component.subclass(" com.xxx.bingmaps.BingMaps",function(){

 this.init = function(){
 var mapOptions = {中心:新的Microsoft.Maps.Location(LAT,LONG),
 mapTypeId:Microsoft.Maps.MapTypeId.aerial,
 缩放:15};
 this.map = new Microsoft.Maps.Map(this。$()[0],mapOptions);
 };
 });
 

现在,将显示bing地图。

软件心理学工程师
2楼-- · 2020-08-30 02:42

Hello Reiner,

感谢您的回答。

我已经通过使用requireJS重建了文件" contribution.xml"和" component.js"。

contribution.xml:

 ...
 <组件
 id =" BingMaps"
 title ="必应地图"
 icon =" res/icon.png"
 mode =" commons m"
 handlerType =" div">
  res/js/component 

 ... 

以下代码显示文件" component.js"现在的外观。

 define([" sap/designstudio/sdk/component"," d3"],函数(Component,d3,未使用的虚拟){
     Component.subclass(" com.deuwo.bingmaps.BingMaps",function(){
   
     var that = this;
    
     this.init = function(){
 
     var mapUrl ='https://www.bing.com/api/maps/mapcontrol?callback=GetMap&key=MY_KEY';
     };
    
  函数GetMap(){
     
      map = new Microsoft.Maps.Map('#myMap',{
      中心:新的Microsoft.Maps.Location(52.527222,13.4225),
      mapTypeId:Microsoft.Maps.MapTypeId.aerial,
      变焦:10
      });
 };
     });
 }); 

执行SDK时,在调试时找不到任何错误。 但是结果仍然是一样的。 bing地图未显示。

我想,URL的init函数有错误。

也许您可以再给我一个建议吗?

此致

Timo

半个程序猿
3楼-- · 2020-08-30 02:41

您好,Timo,

您可能需要调试一下。 另请注意,该示例相当老,仍然使用旧的JavaScript加载器。 较新的示例通过requireJS加载所有内容-通常更健壮-避免创建全局变量并以正确的顺序加载所有脚本。 我敢肯定,如果您看看其他示例,便会了解需要更改的内容。

致谢

Reiner。 这应该如何工作? 我看不到在哪里加载脚本代码,该脚本代码使用属性" Maps"初始化全局变量" Microsoft"。 我也看不到您在哪里使用本地变量" mapUrl"。

我认为您应该尽可能将BING框架作为requireJS模块加载。

一周热门 更多>