vectorContext.setStyleのopenlayers3：ol.style.Iconは機能しませんか？

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'を読み込めませんnull

バグですか？または、どうすればimgスタイルを使用できますか？

Answer 1

通常のPointの代わりにイメージを追加する場合は、スタイルをアニメーション機能に変更する必要はありません。

あなたはベクトル層にこの方法を所望のスタイルを追加することができます。

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' 
     })) 
    }) 
}); 

私はvectorContextのための任意のスタイルなしであなたのjsfiddleを編集しました。 Openlayers Siteの例のようにアニメーションを取得したい場合は、jsfiddleコードのコメントを外して古いスタイルを追加するだけです。