title: How can i use multiple images for google markers in Angular
body: <p>I am trying to use a loop to get multiple markers on my google map in angular, which works well so far, but the only problem is i am using same image for all the markers, and i will like to use different images for different markers, any solution pleaase</p>
  <p>This is my code i have tried below</p>
  <pre><code>for (let i = 0; i &lt; sizeDiff; i++) {
          this.markerRiders.push(new google.maps.Marker({
  
            
            position: new google.maps.LatLng(Number(drivers[i].current_latitude), Number(drivers[i].current_longitude)),
            map: this.maps.map,
            title: drivers[i].user.name,
  
            icon: drivers[i].vehicle_type.marker_url != null &amp;&amp; drivers[i].vehicle_type.marker_url.length ? {
              url: drivers[i].vehicle_type.marker_url, // url
              scaledSize: new google.maps.Size(50, 50), // scaled size
              origin: new google.maps.Point(0, 0), // origin
              anchor: new google.maps.Point(0, 0) // anchor
            } : 'assets/imgs/map_car_mini.png',
            
          }));
        }
  </code></pre>