anchor.diff:    var features = map.queryRenderedFeatures(e.point, { layers: ['pins'] });
     map.getCanvas().style.cursor = (features.length) ? 'pointer' : '';
   });
  -});
  +
       /////
  +function iconSelector(category){
   
  -  iconSelector = function(){
  -    return "castle-15" if pin.category == "trash"
  +  if (category === 'trash'){
  +    return "castle-15";
  +  }else if(category === 'bio waste'){
  +    return "star-15";
  +  }else if(category === 'vandalism'){
  +    return "airport-15";
  +  }else if(category === 'natural disaster'){
  +    return "bus-15";
  +  }else if(category === 'chemical spill'){
  +    return "dentist-15";
     }
  +};
  +
   </script>
  
positive.code: map.addControl(new mapboxgl.GeolocateControl()); //creates 'my location' button
  ///////////////////////////////////////////////////////////////////////////////
  map.on('load', function(){
    var pinFeatures = pins.map(function(pin){
      return {
        "type": "Feature",
        "properties": {
          description: pin.description,
          pinId: pin.id,
          category: pin.category
        },
        "geometry": {
            "type": "Point",
  
negative.code:        "features": pinFeatures
      }
    });
      map.addLayer({
        id:"pins",
        type: "symbol",
        source: "pins",
        layout: {
          "icon-image": "{icon}",
          "icon-size": 1.0,
          "icon-allow-overlap": true
        }
      });
  
  
    map.addSource('single-point', {
      type: "geojson",
      data: {
  