Openlayers 3 无法在openlayers 3上设置渲染器

根据我正在阅读的一本关于Openlayers 3的书，我所要做的就是重置渲染器，在

Map

初始化中执行此操作

渲染器：“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);

---

使用

dom

渲染器时，必须设置贴图目标元素的大小

默认渲染器使用的画布元素的默认高度为150px，而普通

div

s没有默认高度。设置目标的高度应使地图显示：

#map {
    height: 200px;
}

---

与您的图层相关的内容。显示更多代码。@JonatasWalker我刚刚添加了更多代码。Thanks@slevin给你。这个变化怎么样？@Alvin Lindstam好的，我的

css

现在是

地图{高度：500px；宽度：100%；背景色：#b5d0d0；}

现在我看到了地图，但是当我点击地图上的

检查元素时我仍然看到