не може да зададе рендър на openlayers 3

Според книга, която чета за 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);

person slevin    schedule 22.09.2015    source източник
comment
Нещо, свързано с вашия слой. Покажете още код.   -  person Jonatas Walker    schedule 23.09.2015
comment
@JonatasWalker Току-що добавих още код. Благодаря   -  person slevin    schedule 23.09.2015


Отговори (1)


Трябва да зададете размера на целевия елемент на картата, когато използвате рендера dom.

Елементите на платното, които се използват от рендера по подразбиране, имат височина по подразбиране 150px, докато нормалните divs нямат височина по подразбиране. Задаването на височината на целта трябва да накара вашата карта да се появи:

#map {
    height: 200px;
}
person Alvin Lindstam    schedule 23.09.2015
comment
@slevin ето го. Какво ще кажете за тази промяна? - person Jonatas Walker; 24.09.2015
comment
@Alvin Lindstam Добре, моето css сега е #map { height: 500px; width: 100%; background-color: #b5d0d0; }Сега виждам картата, но когато щракна inspect element на картата, все още виждам <canvas class..... Същото важи и ако премахна background-color и ширината и височината са в пиксели - person slevin; 24.09.2015