title: Leaflet change circle marker color based on text field
body: <p>I have circle markers  on my leaflet map using the below code which all works fine.</p>
  
  <p>However I want to show the markers in a different color based on the attribute field named 'stype'.</p>
  
  <p>Any help or guidance on how I can achieve this?</p>
  
  <pre><code>        function siteslabels (feature, layer){
          layer.bindPopup("&lt;p class='info header'&gt;"+ 
          "&lt;b&gt;" + feature.properties.SITE + "&lt;/b&gt;" + 
          "&lt;/br&gt;" + feature.properties.Address1 +
          "&lt;/br&gt;" + feature.properties.stype +
          "&lt;/p&gt;");
          };
  
  
          var geojsonMarkerOptions = {
              radius: 8,
              fillColor: 'green',
              color: 'black',
              weight: 1,
              opacity: 1,
              fillOpacity: 0.8
          };
  
          L.geoJson(sites, {
              pointToLayer: function (feature, latlng) {
                  return L.circleMarker(latlng, geojsonMarkerOptions);
              },
              onEachFeature: siteslabels
          }).addTo(map);
  </code></pre>