Openlayersに画像を追加する際の問題

Question

私のウェブページにAnnotorious Openlayers exampleを実装しようとしています。私はマップを適切に取得することができますが、画像はロードされません。私はかつてOpenlayersを使ったことはありません。

デフォルトのコードは次のとおりです。私はmap_muensterディレクトリ内の画像を検索すると思うが、私はちょうどそれが一つの画像を表示したい

var baseLayer = new OpenLayers.Layer.TMS("Baselayer", "map_muenster/", 
    { layername: ".", 
    serviceVersion: ".", 
    transitionEffect: "resize", 
    type:"jpg" }); 

。

ビットを検索した後、thisスタックオーバーフローポストが見つかりました。

var osm = new OpenLayers.Layer.OSM(); 

var graphic = new OpenLayers.Layer.Image(
    'Image', 
    'https://www.w3schools.com/css/paris.jpg', 
    new OpenLayers.Bounds(27.418100,35.771100,28.388000,36.558500), 
    new OpenLayers.Size(800,255), 
    {numZoomLevels: 3} 
); 

map.addControl(new OpenLayers.Control.LayerSwitcher()); 
map.addLayers([osm, graphic]); 
map.zoomToExtent(new OpenLayers.Bounds(27.418100,35.771100,28.388000,36.558500)); 

代わり https://www.w3schools.com/css/paris.jpgで画像を表示するので、コンテナは、世界地図を示しています。私は、マップでこの層を追加することを試みました。

イメージをマップに追加して注釈を付けるにはどうすればよいですか？これで

map.addLayers([osm, graphic]); 

：

map.addLayers([graphic, osm]); 

Answer 1

は、この行を置き換えることにより、作業手に入れました