Angular 2+ 中的数字标记

Question

嗨，美好的一天，我试着计算我生成的标记，但什么也没发生。

我用这个：

<sebm-google-map [latitude]="-34.599427" [longitude]="-58.381031" [zoom]="12">
        <div *ngFor="let location of selectedLocations; let i = index">
            <sebm-google-map-marker [label]="i" [latitude]="location.map.latitude" [longitude]="location.map.longitude">
                <sebm-google-map-info-window>
                  <strong>{{location.name}}</strong>
                  <p>{{location.map.address}}</p>
                </sebm-google-map-info-window>
            </sebm-google-map-marker>
        </div>
    </sebm-google-map>

有人知道如何使用 angular 2+ 地图吗？

提前致谢。

此致。

Answer 1

好吧，我是这样解决的：

<agm-map [latitude]="touristZone.map.latitude" [longitude]="touristZone.map.longitude" [zoom]="12">
            <div *ngFor="let location of selectedTouristZones; let j = index">
              <agm-marker [iconUrl]="icono + j + ext" [latitude]="location.map.latitude" [longitude]="location.map.longitude">
                <agm-info-window>
                  <strong>{{location.name}}</strong>
                  <p>{{location.map.address}}</p>
                </agm-info-window>
              </agm-marker>
            </div>
          </agm-map>

我用其中的数字创建了一个 pin img。

在ts中这是变量：

  icono = 'app/assets/images/map/markers/pin';
  ext = '.png';

此致

Angular 2+ 中的数字标记

Numerate Markers in Angular 2+

google-maps

marker

angularjs