Изменение цвета ol.geom.LineString в открытых слоях 3

Question

Я пытаюсь написать javascript в своем приложении для Android, которое будет рисовать линию из одной точки в другую на основе значений, переданных через объект PolyLineOptions от android.

Я написал пару JSI-интерфейсов для получения соответствующей информации из объекта PolyLineOptions, такого как latlng и color, и я могу заставить его рисовать линию отлично, однако, когда я пытаюсь изменить ее цвет, t ничего, я даже попытался изменить ширину, и все равно ничего.

ПРИМЕЧАНИЕ. Я написал значение цвета для журнала, и оно выполняется правильно, поэтому все материалы JSInterface работают должным образом.

function drawPolyLine(polyLine){ 

if(polyLine != null){ 

    var list = window.JSInterface.getPointsFromPolyLine(polyLine) 

    var count = window.JSInterface.getLengthFromLatLngList(list) 

    for(var i = 0; i < count; i+=2) 
    { 
     var lat1 = window.JSInterface.getLatFromLatLngList(list, i); 
     var lng1 = window.JSInterface.getLngFromLatLngList(list, i); 
     var lat2 = window.JSInterface.getLatFromLatLngList(list, i+1); 
     var lng2 = window.JSInterface.getLngFromLatLngList(list, i+1); 

     var coordinates = [[lng1,lat1],[lng2,lat2]]; 

     var lineString = new ol.geom.LineString(coordinates); 
     lineString.transform('EPSG:4326', 'EPSG:3857'); 

     var color = window.JSInterface.getColorFromPolyLine(polyLine); 

     var styles = [ 
     // linestring 
     new ol.style.Style({ 
      stroke: new ol.style.Stroke({ 
      color: '#ffcc33', 
      width: 2 
      }) 
     }) 
     ]; 

     var line = new ol.Feature({ 
        geometry: lineString, 
        name: 'Line', 
        style: styles 
       }); 
     linesSource.addFeature(line); 

    } 
} 

}

ли кто-нибудь сможет помочь мне понять, что я делаю неправильно? Кажется, он полностью игнорирует стиль. Я предполагаю, что это что-то глупое, но я просто не вижу его.

Answer 1

Я понял это. Получается, что вы не можете установить стиль при создании функции необходимо использовать:

  var line = new ol.Feature({ 
        geometry: lineString, 
        name: 'Line', 
        //style: styles 
       }); 

       line.setStyle(styles); 

Я не понимаю, почему, так что если кто-то может объяснить, то не стесняйтесь ответить, и я буду отметьте свой ответ как правильный.