Debugging TOC widget - Insert New Layer Prgrammaticaly

AlexGole

Hi all,

I am trying to programmatically add layer to my map and TOC via the TOC widget.

However I am getting an error : "Cannot read property 'on' of undefined" when running the script. Not too sure what that means.

Anyway, my map is here. The idea is to click on a button and automatically add a layer to both TOC and map using bootstrap popover. As showed below

Any help is welcome!

Alex

kenbuja

You're trying to add the "on" event to the TOC before it's defined.

map.on('layers-add-result', function (evt) {
    dynaLayer1.setVisibleLayers([1, 2, 4]);
    toc = new TOC({
        map: map,
        layerInfos: [{
            layer: dynaLayer1,
            title: "Layers",
            slider: true
        }]
    }, 'tocdiv');
    toc.startup();
});
toc.on('load', function () {
    if (console)
        console.log('TOC loaded');
    dom.byId("InsertNewLayer").disabled = false;
});

You'll have to move that inside the 'layers-add-result' event

map.on('layers-add-result', function (evt) {
    dynaLayer1.setVisibleLayers([1, 2, 4]);
    toc = new TOC({
        map: map,
        layerInfos: [{
            layer: dynaLayer1,
            title: "Layers",
            slider: true
        }]
    }, 'tocdiv');
    toc.startup();
    toc.on('load', function () {
        if (console)
            console.log('TOC loaded');
        dom.byId("InsertNewLayer").disabled = false;
    }); 
});