Question

根据我正在阅读的关于Openlayers 3的书，我要做的就是重置渲染器是在Map初始化

中执行此操作

renderer: 'dom'

所以我的代码是

var map = new ol.Map({
    target: 'map',
    layers: [layer],
    renderer: 'dom',
    view: view,     
});

当我加载页面时，控制台没有错误，但地图根本没有加载。我使用的是Openlayers 3.9.0。这里出了什么问题？

由于

修改

这是所有openlayers代码

var layer = new ol.layer.Tile({
        source: new ol.source.OSM()
    });

    var kbz = new ol.interaction.KeyboardZoom();
    var dr = new ol.interaction.DragRotateAndZoom();


    var control = new ol.control.FullScreen();
    var center = ol.proj.transform([-1.812, 52.443], 'EPSG:4326', 'EPSG:3857');



    var we = new ol.Overlay({
        position: center,
        element: document.getElementById('we')
    });


    var view = new ol.View({
        center: center,
        zoom: 6
    });


   var map = new ol.Map({
      target: 'map',
      layers: [layer],
      renderer: 'dom',
      view: view        
   });

    map.addInteraction(kbz);
    map.addInteraction(dr);
    map.addControl(control);


    map.addOverlay(we);

Answer 1

使用dom渲染器时，您必须设置地图目标元素的大小。

默认渲染器使用的Canvas元素的默认高度为 150px ，而普通div s没有默认高度。设置目标的高度应该会使您出现地图：

#map {
    height: 200px;
}

无法在openlayers 3

1 个答案: