title: how to change the colours based on role in leaflet open street maps
body: <pre><code>var locations = [{ name:"bus", latitude:"12.56", longitude:"25.15, role: "traveler" },
                   { name:"bike", latitude:"13.56", longitude:"25.15, role: "traveler" },
                   { name:"John", latitude:"14.56", longitude:"25.15, role: "Developer" },
                   { name:"David", latitude:"12.56", longitude:"25.15, role: "Developer" },
                   { name:"Mango", latitude:"13.56", longitude:"25.15, role: "Fruit" },
                   { name:"Apple", latitude:"12.56", longitude:"25.15, role: "Fruit" }]
  
  
  
  var map = L.map('mapid').setView([locations[0].latitude, locations[0].longitude], 8);
  mapLink =
  '&lt;a href="#"&gt;ABC Corporation&lt;/a&gt;';
      L.tileLayer(
     'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
       attribution: '&amp;copy; ' + mapLink,
      maxZoom: 18,
      }).addTo(map);
  
  for (var i = 0; i &lt; locations.length; i++) {
    marker = new L.marker([locations[i].latitude,locations[i].longitude])
      .bindPopup(locations[i].name)
      .addTo(map);
  
  }
  </code></pre>
  
  <p>This is my code I want to change the colour of the marker as per the role, right now if add two records with same latitude and longitude, I am able to see only latest one. how can I see the other marker also </p>