オープンレイヤーを使用してイメージをロードして境界にフィットする方法3

Question

オープンレイヤー3を使用してイメージをレイヤーにロードしています。画像の中には、コンテナのサイズより大きくても小さくてもよいものがあります。

ロード中の画像をコンテナの内側にうまく収める方法を教えてください。

オープンレイヤの公式サイトから関連する例が見つかりません。

ありがとうございました。

Answer 1

あなたの質問に少し混乱しますが、imageExtentを設定することで、自分のレイヤー内の特定の境界内に収まるように画像を取得できます。ここでは、画像の四隅をマップ上の特定の位置に設定する例を示します。これはあなたがしようとしているものに似ていますか？

var imageLayer = new ol.layer.Image({ 
     source: new ol.source.ImageStatic({ 
      url: '../images/myimage.png', 
      projection: map.getView().getProjection(), 
      imageExtent: ol.extent.applyTransform([-121.90, 37.409, -121.89, 37.41], ol.proj.getTransform("EPSG:4326", "EPSG:3857")) 
     }) 
    });