SAP UI5 应用开发教程之六十 - SAP UI5 地图控件的一些高级用法

本教程的前一个步骤，我们介绍了 SAP UI5 控件库里的标准地图控件：AnalyticMap，位于命名空间 sap.ui.vbm 内。

使用这个控件显示的世界地图如下图所示：

本步骤继续介绍该地图控件的一些高级使用方法，比如：

• 在地图左侧显示各种图例
• 在地图显示路线，如下图蓝色折线所示
• 在地图上标注若干地点，并显示 tooltip

这些用例如上图所示。

下面介绍具体的实现步骤。本步骤使用到的源代码地址如下。

我们从上图可以发现，屏幕分为左右两部分，左边是一个列表(List)，右边则是实际的地图显示控件 AnalyticMap。

在本步骤 XML 视图里，对应左边部分实现的空间为 ListPanelStack，右边地图部分为 AnalyticMap.