osfレイヤーの上の静的イメージレイヤーにイメージが正しく表示されない

Question

osfレイヤーの上に静的イメージを追加するために、openlayersブックからexampleを続けました。それは動作しますが、私の画像（256x256）は長方形として表示されます。私は、投影の座標の周りしようと、ここでの他の記事をチェックアウトしますが、画像は、正方形として表示されていない、なぜ私はそれのまわりで私の頭を取得することはできません。

// Create map 
var map = new ol.Map({ 
    target: 'map', // The DOM element that will contains the map 
    renderer: 'canvas', // Force the renderer to be used 
    layers: [ 
    // Add a new Tile layer getting tiles from OpenStreetMap source 
    new ol.layer.Tile({ 
     source: new ol.source.OSM() 
    }) 
    ], 
    // Create a view centered on the specified location and zoom level 
    view: new ol.View({ 
    center: ol.proj.transform([16.3725, 48.208889], 'EPSG:4326', 'EPSG:3857'), 
    zoom: 4 
    }) 
}); 

// Create an image layer 
var imageLayer = new ol.layer.Image({ 
    opacity: 0.75, 
    source: new ol.source.ImageStatic({ 
    attributions: [ 
     new ol.Attribution({ 
     html: '' 
     }) 
    ], 
    url: 'https://placebear.com/256/256', 
    imageSize: [256, 256], 
    projection: map.getView().getProjection(), 
    imageExtent: ol.extent.applyTransform(
     [0, 0, 16.3725, 48.208889], ol.proj.getTransform("EPSG:4326", "EPSG:3857")) 
    }) 
}); 

map.addLayer(imageLayer); 

Answer 1

ol.source.ImageStaticを置くために作られました地図上の地理参照画像（例えば歴史的地図のスキャン）。これはあなたが念頭に置いていることですか？画像を表示してマップ上の場所に固定する場合は、ol.Overlayまたはol.layer.Vectorを使用し、ol.style.Iconの機能を使用することをお勧めします。

ol.source.ImageStaticに設定されたimageExtentの結果が投影されたマップビューの四角形になる場合、画像は正方形としてのみ表示されます。