image - Open Layers 3 を使用して地図上にスケーラブルなグラフィックを追加するには?

Question

OpenLayers (OL3) を使用して、マップ上に形状とオブジェクトを表示しています。

形状は建物を表し、SVG または PNG のいずれかの画像リソースを持ちます。この画像を適切な縮尺と回転でマップ上に配置し、ズーム/パンできるようにする必要があります。

ここで OpenLayers 2 を使用した非常に良い例を見つけました: http://gis.ibbeck.de/ginfo/apps/OLExamples/OL27/examples/ExternalGraphicOverlay/ExternalGraphicOverlay.asp

これを OL3 に変換する際に問題があります (マップの回転に必要です)。私が行き詰まったのはこれです（OL2のサンプルコード）：

var context = {
   getW : function(){
     return theWidth * theResolution / map.getResolution();
   },
   getH : function(){
     return theHeight * theResolution / map.getResolution();
   },
   getR : function(){
     return theRotation;
   }
};
var template = {
   graphicWidth   : "${getW}",
   graphicHeight  : "${getH}",
   rotation       : "${getR}"
};
var styleMap = OpenLayers.Style(template, {context: context});
vectorLayer.styleMap = styleMap;

これを ol.style.Style に変換して、ズーム時に拡大縮小するレイヤーに画像を設定する方法がわかりません。

これは OL3 を使用してどのように達成できますか?

Answer 1

たぶんol.source.ImageStatic ( API ドキュメント) が探しているものでしょうか?