0

我想在标记图标和标记图标的底部显示数字,但是我可以在标记图标上或标记图标下方设置文本,有没有办法在图标上显示文本以及在底部显示文本? 下面是我的 HTML 和 TS 文件

HTML

<agm-map
  [latitude]="lat"
  [longitude]="lng"
  [zoom]="zoom"
  [streetViewControl]="false"
  mapTypeId="satellite"
>
  <agm-marker
    *ngFor="let m of markers; let i = index"
    [latitude]="m.lat"
    [longitude]="m.lng"
    [label]="m.label"
    [iconUrl]="$any(m.icon)"
  >
  </agm-marker>
</agm-map>

TS

markers: marker[] = [
      {
        lat: 22.986,
        lng: 87.855,
        label: {
          text: 'Dummy Text',
          color: 'white',
          fontWeight: 'bold',
          fontSize: '16px',
        },
        icon: {
          labelOrigin: { x: 16, y: 48 },
          url: './assets/circle.png',
          scaledSize: {
            width: 40,
            height: 40,
          },
        },
        draggable: true,
      }
    ];

例如 在此处输入图像描述

我想在图标内显示一个数字,知道怎么做吗?

4

0 回答 0