He estado siguiendo el ejemplo de Icon Colors en el sitio de OpenLayers, http://openlayers.org/en/latest/examples/icon-color.html?q=color .
Esto funciona bien para mí con imágenes png y jpg, sin embargo, cuando cambio a usar imágenes svg, el color no cambia en absoluto. No hay errores. El color simplemente no cambia.
Aquí está el fragmento de código donde ocurre el cambio de color:
/*set the colour*/ var style = new ol.style.Style({ image: new ol.style.Icon(/** @type {olx.style.IconOptions} */ ({ anchor: [0.5, 0.5], src : 'img/icons/example.svg', color: '#8959A8' })) });¡Cualquier consejo sería muy apreciado!
Aparentemente, la propiedad de fill para su SVG debe ser blanca ( #fff ). El documento no dice nada al respecto, pero mi conclusión es que cualquier blanco ( #fff ) se coloreará con el valor pasado al atributo de color , independientemente del tipo de imagen.