【发布时间】:2017-10-11 08:25:45
【问题描述】:
我可以使用 Odata API 在我的仪表板 UI 中以表格形式成功加载位置数据(纬度、经度)。现在我需要在地图中显示它们。我指的是this 作为样本。这是我的仪表板table 的图像。现在从我的表中,我只需要在我的地图中显示第一行数据的位置。请帮助我如何做到这一点?
【问题讨论】:
我可以使用 Odata API 在我的仪表板 UI 中以表格形式成功加载位置数据(纬度、经度)。现在我需要在地图中显示它们。我指的是this 作为样本。这是我的仪表板table 的图像。现在从我的表中,我只需要在我的地图中显示第一行数据的位置。请帮助我如何做到这一点?
【问题讨论】:
根据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"})
]
})]
});
【讨论】:
<vbm:resources> <vbm:Resource name="truck.jpg" src="images/truck.jpg"> </vbm:Resource> </vbm:resources> <vbm:legend> <vbm:Legend id="legend" caption="Legend"> <vbm:LegendItem text="Hari- Mumbai" image="truck.jpg" /> </vbm:Legend> </vbm:legend>