ol-ext: панель управления картой не отображается на карте

Question

В моем приложении есть проблема с панелью управления ol-ext: map.Это не отображается на карте, и я не понимаю, почему.Это мой код:

// Main control bar
var mainbar = new ol.control.Bar();

/* Standard Controls */
mainbar.addControl (new ol.control.ZoomToExtent({  extent: [ 265971,6243397 , 273148,6250665 ] }));
mainbar.addControl (new ol.control.Rotate());
mainbar.addControl (new ol.control.FullScreen());
//mainbar.setPosition('bottom-right');

this.map.addControl(mainbar);

Я также добавил в свой файл load.js addScriptFile ('// viglino.github.io/ol-ext/dist/ol-ext.js');

Если я изменю последнюю строку следующим образом: this.map.addControl (this.mainbar); У меня есть этот список ошибок:

Uncaught TypeError: Cannot read property 'setMap' of undefined
    at ol.Map.<anonymous> (ol-debug.js:17839)
    at ol.Collection.boundListener (ol-debug.js:7277)
    at ol.Collection.ol.events.EventTarget.dispatchEvent (ol-debug.js:7697)
    at ol.Collection.insertAt (ol-debug.js:8341)
    at ol.Collection.push (ol-debug.js:8368)
    at ol.Map.ol.PluggableMap.addControl (ol-debug.js:17908)
    at constructor.initMap (Map.js:219)
    at constructor.afterrender (BaseMap.js:275)
    at constructor.fire (ext-all-debug.js:20731)
    at constructor.doFireEvent (ext-all-debug.js:21700)
    

Answer 1

Я нашел решение, и на самом деле это было действительно глупо, извините.Я оставил последнюю строку как this.map.addControl (mainbar); , и мне пришлось добавить в мой файл load.js также строку:

addStyleFile ('// viglino.github.io / ol-ext / dist / ol-ext.css ');

, так что теперь это выглядит так:

addStyleFile('//cdnjs.cloudflare.com/ajax/libs/ol3/' + olVersion + '/ol.css');
    if (debugMode) {
        addScriptFile('//cdnjs.cloudflare.com/ajax/libs/ol3/' + olVersion + '/ol-debug.js');
        addScriptFile('//viglino.github.io/ol-ext/dist/ol-ext.js');
        addStyleFile('//viglino.github.io/ol-ext/dist/ol-ext.css');
    } else {
        addScriptFile('//cdnjs.cloudflare.com/ajax/libs/ol3/' + olVersion + '/ol.js');
        addScriptFile('//viglino.github.io/ol-ext/dist/ol-ext.js');
        addStyleFile('//viglino.github.io/ol-ext/dist/ol-ext.css');
    }