Errors loading custom basemaps when integrating a WAB widget

[JhopStl]

Errors loading custom basemaps when integrating a WAB widget

[JhopStl]

Note: Reverting back to WAB versions 2.3 or 2.2 allows IE to load the basemap properly, however the aforementioned errors still persist.

[tmcgee]

@JhopStl i am using custom basemaps anf WAB version 2.4 without issue. Not sure what the issue is here. I'll try to debug your public app when at a desktop. Thanks for providing that.

[JhopStl]

@tmcgee I appreciate it. With that, I've probably just configured something incorrectly...I spent quite awhile looking at it, and I plan on spending even more time when I'm free.

[tmcgee]

@JhopStl Since you are using ESRI Map Services, did you try using basemap and baseMapLayers instead of layers? Here's an example for one of your custom basemaps:

aerial2015: {
    title: '2015 Aerial',
    basemap: {
        baseMapLayers: [
            {
                url: 'http://10.10.143.115/scc_gis/rest/services/appservices/JS_ortho2015/MapServer'             
	    }
        ]			
    }
},

NOTE: I cannot test using the public application you provided since the i.p. address 10.10.143.115 is not accessible outside your network. I did test using these basemaps in the cmv demo.

[JhopStl]

@tmcgee Here is the working public URL: http://map.sccmo.org/Main/gis_dev/
I tried your suggestion, and it worked.

Viewer.js

Thanks!

[cmccullough2]

Can you use Google Terrain as the main basemap?
googleTerrain: {
title: 'Google Terrain',
basemap: new Basemap({
id: 'googleTerrain',
layers: [new BasemapLayer({
url: "https://mt${subDomain}.google.com/vt/lyrs=t,r&hl=en&gl=en&x=${col}&y=${row}&z=${level}&s=png",
copyright: "Google, 2015",
id: "googleTerrain",
subDomains: ["0", "1", "2", "3"],
type:"WebTiledLayer"
})
]
})
}