title: openlayers-3 change external wms layer styles
body: <p>Is it possible change the style of a external wms layer??</p>
  
  <p>im trying to use this layer:</p>
  
  <p><a href="https://firms.modaps.eosdis.nasa.gov/wms/?SERVICE=WMS&amp;VERSION=1.1.1&amp;REQUEST=GetMap&amp;LAYERS=fires24&amp;width=400&amp;height=250&amp;BBOX=-26,34,35,82" rel="nofollow">https://firms.modaps.eosdis.nasa.gov/wms/?SERVICE=WMS&amp;VERSION=1.1.1&amp;REQUEST=GetMap&amp;LAYERS=fires24&amp;width=400&amp;height=250&amp;BBOX=-26,34,35,82</a></p>
  
  <p>with this code on openlayers3</p>
  
  <pre><code>var fill = new ol.style.Fill({color: 'GREEN'});
  var stroke = new ol.style.Stroke({color: 'GREEN'});
  
  var styles = [new ol.style.Style({
      image: new ol.style.Circle({
          fill: fill,
          stroke: stroke,
          radius: 5
      })
  })];
  
  
  var fires = new ol.layer.Image({
      name: 'fires',
      source: new ol.source.ImageWMS({
          url: 'https://firms.modaps.eosdis.nasa.gov/wms/',
          params: {
              'LAYERS': 'fires24',
              'VERSION': '1.1.1'
          }
      }),
      style: styles
  });
  </code></pre>
  
  <p>the layer is displayed correctly but without my own styles.</p>
  
  <p>Is it possible to do that or replace with a custom icon?</p>