Question

我可以使用Odata API以表格形式在我的Dashboard UI上成功加载位置数据（lat，lon）。现在我需要在Map中显示它们。我将this称为样本。这是我的信息中心table的图片。现在从我的表中，我只需要在地图中显示第一行数据的位置。请帮忙我怎么做？

Answer 1

请参阅How can I set the row default select：

它显示了这种编码：

1.  var oTable = new sap.m.Table({
2.    mode : "MultiSelect",
3.    columns : [
4.      new sap.m.Column({ header: new sap.m.Label({ text: "ID" }) }),
5.      new sap.m.Column({ header: new sap.m.Label({ text: "Fruit" }) })
6.    ],
7.    items : [
8.      new sap.m.ColumnListItem({
9.        cells: [
10.         new sap.m.Text({ text: "1" }),
11.         new sap.m.Text({ text: "Apple" })
12.       ]
13.     }),
14.     new sap.m.ColumnListItem({
15.       cells: [
16.         new sap.m.Text({ text: "2" }),
17.         new sap.m.Text({ text: "Orange" })
18.       ]
19.     })
20.   ]
21. }).placeAt("content");
22. 
23. 
24. 
25. var aItems = oTable.getItems();
26. aItems[0].setSelected(true);

这是你在找什么？

Answer 2

根据One-Step GeoMap Example 应该可以使用任何图像作为一个点。在“视觉对象的资源处理”一节中，它说：除了具有内置可视化的语义类型Spot之外，您还可以使用Spot的任何图像。图像需要作为资源加载，并且可以由Spots引用。由于Spot是针对像图钉这样的图像构建的，因此默认情况下，图像的对齐方式是图像的底部中心位于给定的地理位置。对于其他图像，中心对齐可能更合适。

以下是UI5中的JavaScript视图代码：

var oVBI = new sap.ui.vbm.GeoMap({
   resources     : [
      new sap.ui.vbm.Resource({ "name" : "SAP_logo",
                                "src"  : "images/SAP_logo.png"}) 
   ],
   vos : [ new sap.ui.vbm.Spots({
      items : [ new sap.ui.vbm.Spot({ position : "20;0;0",
                                      tooltip  : 'SAP',
                                      image    : "SAP_logo",
                                      scale    : "0.2;0.2;0.2",
                                      alignment: "0"}) 
      ]
   })]
});

根据OData API-SAPUI5的GeoMap数据

2 个答案: