HarmonyOS 地图组件如何添加自定义UI

参考示例：

build() {
  Stack() {
    Column() {
      MapComponent({
        mapOptions: this.mapOptions,
        mapCallback: this.callback,
        // 自定义信息窗
        customInfoWindow: this.customInfoWindow
      })
        .width('100%')
        .height('100%');
    }.width('100%')
  }.height('100%')
}
// 自定义信息窗BuilderParam
@BuilderParam customInfoWindow: ($$: map.MarkerDelegate) => void = this.customInfoWindowBuilder;
// 自定义信息窗Builder
@Builder
customInfoWindowBuilder($$: map.MarkerDelegate) {
  if ($$.marker) {
    Text($$.marker.getTitle())
      .width("50%")
      .height(50)
      .backgroundColor(Color.Green)
      .textAlign(TextAlign.Center)
      .fontColor(Color.Black)
      .font({ size: 25, weight: 10, style: FontStyle.Italic })
      .border({ width: 3, color: Color.Black, radius: 25, style: BorderStyle.Dashed })

  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.