openlayers3: ol.style.Icon в vectorContext.setStyle не может работать?

Question

Этот пример показывает, как использовать postcompose и vectorContext анимировать особенности:

http://openlayers.org/en/latest/examples/feature-animation.html

Я пытаюсь заменить стиль в этих строках:

var style = new ol.style.Style({ 
    image: new ol.style.Circle({ 
     radius: radius, 
     snapToPixel: false, 
     stroke: new ol.style.Stroke({ 
      color: 'rgba(255, 0, 0, ' + opacity + ')', 
      width: 0.25 + opacity 
     }) 
    }) 
}); 

vectorContext.setStyle(style); 

, когда я заменить стиль к стилю IMG , например:

var style = new ol.style.Style({ 
    image: new ol.style.Icon(({ 
     src: 'https://openlayers.org/en/v3.20.1/examples/data/icon.png' 
    })) 
}); 

не работает и выбрасывает ошибку: не удается прочитать свойство '0' of null

Это ошибка? Или как я могу использовать стиль img?

Answer 1

Если вы хотите добавить изображение вместо обычной точки, вам не нужно менять стиль на функцию анимации.

Вы можете добавить нужный стиль в векторный слой таким образом:

var vector = new ol.layer.Vector({ 
    source: source, 
    style: new ol.style.Style({ 
     image: new ol.style.Icon(({ 
      src: 'https://openlayers.org/en/v3.20.1/examples/data/icon.png' 
     })) 
    }) 
}); 

Я отредактировали jsfiddle без стиля для vectorContext. Если вы хотите получить некоторую анимацию, например, на примере сайта Openlayers, вам нужно добавить старый стиль, раскомментируя его в коде jsfiddle.