[ATTACH=CONFIG]31995[/ATTACH]hi alex,
the problem is caused by the fact that you are loading your application in the browser using file protocol rather than http (as required).
the console is telling you that it doesn't want to load thumbnails retrieved from arcgis.com this way.
First of all I would like to thank you because the sample script does work properly now that I am on the file protocol (which I should have been on for a long time) rather than any folder on my computer. However I tried to add the widget to the script I am working on and seems like it stills does not work. If you read my script you will notice that the scalebar does not work as well which I am unclear why it would not.
require([
"esri/map", "esri/config", "esri/dijit/Scalebar",
"esri/layers/ArcGISDynamicMapServiceLayer", "esri/dijit/BasemapGallery", "esri/arcgis/utils",
"esri/tasks/Geoprocessor", "esri/tasks/FeatureSet", "esri/toolbars/draw",
"esri/symbols/SimpleFillSymbol", "esri/symbols/SimpleLineSymbol",
"esri/graphic",
"dojo/_base/Color",
"dojo/dom", "dojo/dom-style", "dojo/query", "dojo/parser",
"dijit/registry",
"dijit/layout/BorderContainer", "dijit/layout/ContentPane",
"dijit/TitlePane", "dijit/form/CheckBox", "dijit/form/ComboBox",
"dojo/domReady!"
], function(
Map, esriConfig, BasemapGallery, arcgisUtils, Scalebar,
ArcGISDynamicMapServiceLayer,
Geoprocessor, FeatureSet, Draw,
SimpleFillSymbol, SimpleLineSymbol,
Graphic,
Color,
dom, domStyle, query, parser,
registry
) {
// Create all dijits.
parser.parse();
// Prevent flash of unstyled content(FOUC).
domStyle.set(query("body")[0], "visibility", "visible");
// Specify where the location of the proxy to use to communicate with the extract GP service.
esriConfig.defaults.io.proxyUrl = "/proxy";
// Keep a reference to the loading icon DOM node.
var loading = dom.byId("loading");
map = new Map("map", {
logo:false,
basemap: "streets",
center: [-121.469, 38.556],
zoom: 8
});
var basemapGallery = new BasemapGallery({
showArcGISBasemaps: true,
map: map
}, "basemapGallery");
basemapGallery.startup();
basemapGallery.on("error", function(msg) {
console.log("basemap gallery error: ", msg);
});
var scalebar = new Scalebar({
map: map,
// "dual" displays both miles and kilmometers
// "english" is the default, which displays miles
// use "metric" for kilometers
scalebarUnit: "dual"
});
Then end result is as such:
