我正在尝试在我的网页中实现Annotorious Openlayers example . 我能够正确地获取 Map ,但没有图像被加载到其中 . 我之前从未使用过Openlayers .
默认代码是:
var baseLayer = new OpenLayers.Layer.TMS("Baselayer", "map_muenster/",
{ layername: ".",
serviceVersion: ".",
transitionEffect: "resize",
type:"jpg" });
我认为在 map_muenster
目录中查找图像,但我只是希望它显示一个图像 .
抬起头后,我找到了this Stack Overflow帖子 . 我尝试在 Map 中添加此图层:
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 .
如何将图像添加到 Map 中并使其显着?
1 回答
通过替换此行来实现它:
有了这个: