首页 文章

向Openlayers添加图像时出现问题

提问于
浏览
0

我正在尝试在我的网页中实现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 回答

  • 0

    通过替换此行来实现它:

    map.addLayers([osm, graphic]);
    

    有了这个:

    map.addLayers([graphic, osm]);
    

相关问题