fixed item 1 by creating the basemap gallery outside of the callback and assign the map to the basemap gallery inside the callback.
ready(function () {
parser.parse();
var basemapGallery = new BasemapGallery({ showArcGISBasemaps: true, map: map }, "basemapGallery");
basemapGallery.startup();
// The web map id would need to be pulled from the database in a callback function
arcgisUtils.createMap("mapid", "map").then(function (response) {
// Update HTML display fields
dom.byId("title").innerHTML = response.itemInfo.item.title; // + ' - ' + response.itemInfo.item.snippet;
dom.byId("subtitle").innerHTML = response.itemInfo.item.snippet;
var map = response.map;
map.setBasemap('aa');
////////////////////////////////////////////////////////////////////////////////////
// Add map controls
var scalebar = new Scalebar({map: map, scalebarUnit: "english"});
var home = new HomeButton({map: map}, "HomeButton");
home.startup();
// Assign to map to basemap
basemapGallery.map = map;
var geocoder = new Geocoder({map: map}, "search");
geocoder.startup();
var legendLayers = arcgisUtils.getLegendLayers(response);
var legendDijit = new Legend({map: map, layerInfos: legendLayers}, "legend");
legendDijit.startup();
////////////////////////////////////////////////////////////////////////////////////
// Do the layers tick boxes
var layers = response.itemInfo.itemData.operationalLayers;
array.forEach(layers, function (layer) {
new CheckBox({
id: "cb_" + layer.id,
name: "cb_" + layer.id,
checked: true,
onChange: function (bool) { bool ? map.getLayer(this.id.split("_")[1]).show() : map.getLayer(this.id.split("_")[1]).hide(); }
}, domConstruct.create("input", {
id: "lyr_" + layer.id
})).placeAt(dom.byId("layertoggle"));
// create a label for the check box
var label = domConstruct.create('label', {
"for": "cb_" + layer.id,
"id": "lbl_" + layer.id,
"innerHTML": layer.title
});
domConstruct.place(label, dom.byId("layertoggle"));
domConstruct.place(domConstruct.create("br"), dom.byId("layertoggle"));
domConstruct.place(domConstruct.create("br"), dom.byId("layertoggle"));
});
});
});
I am guessing item 1 is a bug because when I look at the source of the image src I get an error saying the request is not run over ssl. Changing the url to https then retrieves the image.
If I move the basemap image gallery outside of the createmap call back then it works (obviously requires a valid map for this to work).
Ideas?
Ta,
D
