添加圖片到Openlayers中的問題

Question

我想在我的網頁中實現Annotorious Openlayers example。我能夠正確獲取地圖，但沒有圖像正在加載。我以前從未使用過Openlayers。

默認代碼是：

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

我認爲會在map_muenster目錄中的圖片，但我只是希望它顯示一個圖像。

查了一下之後，我發現this Stack Overflow帖子。我試圖在地圖添加該層：

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圖像，所述容器示出了世界地圖。

如何將圖像添加到我的地圖並使其可註釋？

Answer 1

得到它通過更換這行工作：

map.addLayers([osm, graphic]); 

與此：

map.addLayers([graphic, osm]);