Use custom Basemap with BasemapToggle?

JasonHineEsri

I'm trying to get the BasemapToggle widget to work with a custom Basemap. The widget needs one of the Map.basemap strings, so I'm feeding my custom Basemap to the Map, and then specifying a Map.basemap string in the widget. This kinda works, but the widget thumbnail and title don't change as expected. I get an Uncaught TypeError: Cannot read property 'thumbnailUrl' of undefined, even if I specify the widget's basemaps property. Could this be a bug?  Code is here: JS Bin - Collaborative JavaScript Debugging

khutchins

Not sure if its required but everything seems to work if I add an id to the base map. Here's a revised bit of your code that shows the change I made:

            var myBasemap = new Basemap({
                baseLayers: myBaseLayersCollection,
                title: "My Basemap",
                id: "CustomBasemap"
            });




            map = new Map({
                basemap: myBasemap
            });


            view = new MapView({
                container: "viewDiv",
                map: map,
                zoom: 4,
                center: [15, 65]
            });


            // basemap toggle widget
            var toggle = new BasemapToggle({
               map: map,
                basemap: "streets",
                basemaps: {
                    "CustomBasemap": {
                        "title": "My Basemap",
                        "thumbnailUrl": "http://js.arcgis.com/4.0beta1/esri/images/basemap/satellite.jpg"
                    },
                    "streets": {
                        "title": "Streets",
                        "thumbnailUrl": "http://js.arcgis.com/4.0beta1/esri/images/basemap/streets.jpg"
                    }
                }
            }, "toggleDiv");