¿Cómo dibujar líneas de diferentes colores en Openlayers 2?

Question

Quiero mostrar múltiples polilíneas con diferentes colores en capas abiertas. ¿Alguien puede guiarme con respecto a esto?

Lo he hecho en Google Maps, pero no sé cómo hacerlo en openlayers. Soy novato en Openlayers.

Answer 1

Cada característica tiene un propiedad de estilo que es nulo por defecto porque hereda el estilo de la capa de vector padre. Pero puedes establecer el estilo para cada característica:

DEMO

DEMO LINK

Ejemplo de código:

var myFirstLineStyle = OpenLayers.Util.applyDefaults(myFirstLineStyle, OpenLayers.Feature.Vector.style['default']);
myFirstLineStyle.strokeColor = "#ffffff";
myFirstLineStyle.strokeWidth = 8;
firstFeature.style = myFirstLineStyle;

var mySecondLineStyle = OpenLayers.Util.applyDefaults(mySecondLineStyle, OpenLayers.Feature.Vector.style['default']);
mySecondLineStyle.strokeColor = "#000000";
mySecondLineStyle.strokeWidth = 4;
secondFeature.style = mySecondLineStyle;

Si cambias los estilos de las características después de que se han añadido a la capa debes llamar layer.redraw() .

Más sobre Estilismo