title: Assigning ID to marker and adding and removing from cluster using leaf.js
body: <p>i am new to leaflet and clusters but I have managed to get some custom markers on a map with leaflet.js maps and cluster.</p>
  <p>All is good apart from I cant seem to work out how to remove a marker as it does not seem to assign an ID number or anything. I have tried to use this sort of thing to add an ID but not getting anywhere and hence why I have not attempted to remove the marker.</p>
  <pre><code>var user_id = '101';
  
   var marker[user_id] = L.marker(new L.LatLng(a[0], a[1]), {
   icon: client,
   title: title
   });
  </code></pre>
  <p>I have the data in this format :-</p>
  <pre><code>var addressPoints = [
  [52.4134975, -1.5131260, &quot;101&quot;, &quot;YES&quot;],
  [52.4904975, -1.5151260, &quot;102&quot;, &quot;NO&quot;],
  [52.4734975, -1.5171260, &quot;103&quot;, &quot;BUSY&quot;],
  [52.4194975, -1.5181260, &quot;104&quot;, &quot;NO&quot;],
  [52.4264975, -1.5130460, &quot;105&quot;, &quot;YES&quot;],
  [52.4284975, -1.5191210, &quot;106&quot;, &quot;YES&quot;],
  [52.4014975, -1.5191949, &quot;107&quot;, &quot;BUSY&quot;],
  [52.4299975, -1.5110060, &quot;108&quot;, &quot;NO&quot;]
  ]
  </code></pre>
  <p>I use this code to loop through them and add to the map with custom marker, it works good but if I want to remove or change the CSS on one I cant locate it.</p>
  <pre><code>var map = L.mapbox.map('map')
        .setView([52.450439, -1.729660], 14)
        .addLayer(L.mapbox.styleLayer('mapbox://styles/mapbox/streets-v11'));
  
      var markers = new L.MarkerClusterGroup();
  
  
  
      for (var i = 0; i &lt; addressPoints.length; i++) {
              var a = addressPoints[i];
              var online_status = a[3];
              var user_id = a[2];
              var imgts = a[2];
              var title = a[2];
  
  // Add online users //  
  
      if  (online_status === &quot;YES&quot;) {
      console.log('online');
                  var client = L.divIcon({
                  className: 'location-pin',          
                  html: '&lt;img id&quot;operatorimg&quot; src=&quot;img/'+imgts+'.jpg&quot;&gt;&lt;div class=&quot;pin online&quot;&gt;&lt;div class=&quot;pulse&quot;&gt;&lt;/div&gt;',
                  iconSize: [30, 30],
                  iconAnchor: [18, 30]
          });
          
          var marker = L.marker(new L.LatLng(a[0], a[1]), {
              icon: client,
              title: title
          });
      
      }
  
          marker.bindPopup(title);
          markers.addLayer(marker);
      }
  
      map.addLayer(markers);
  </code></pre>
  <p>I have tried to assign some sort of ID when looping but its not having it? Am i taking the wrong approach? Any help is appreciated and sorry if I have not put this up correctly, I have just joined.</p>
  <p>Thanks</p>