title: how to add multiple markers angular google maps?
body: <p>i used @agm/core module from npm install @agm/core</p>
  
  <p>this is my code </p>
  
  <pre><code>&lt;agm-map [latitude]="lat" [longitude]="lng" &gt;
  &lt;agm-marker *ngFor="let data of rooms"[latitude]="data.lat_long[0].lat" [longitude]="data.lat_long[0].long"&gt;&lt;/agm-marker&gt;
  &lt;/agm-map&gt;
  </code></pre>
  
  <p>and this component.ts </p>
  
  <pre><code>export class ResultComponent implements OnInit {
    lat: number ;
    lng: number ;
    rooms = ROOMS;
  
    constructor() { }
  
    ngOnInit() {
      this.rooms = ROOMS;
      this.lat =  -6.914744;
      this.lng = 107.609810;
  
    }
  
  }
  </code></pre>
  
  <p>but that's only showing one markers how to add multiple markers using <code>*ngFor</code> ?? </p>