AnsweredAssumed Answered

Custom basemapsGroup

Question asked by glenreid on Oct 11, 2013
Latest reply on Oct 11, 2013 by jeff.pace
First, I haven't worked with the JS API since version 2.1, so some new stuff here.

I'm trying to use a group I created on ArcGIS.com (contains of 3 ESRI geographic basemaps), but nothing shows up.  Here is my code:

<!DOCTYPE html> <html>   <head>   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  <meta http-equiv="X-UA-Compatible" content="IE=7, IE=9, IE=10">  <!--The viewport meta tag is used to improve the presentation and behavior of the samples on iOS devices -->  <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>  <title></title>   <link rel="stylesheet" href="http://js.arcgis.com/3.7/js/dojo/dijit/themes/claro/claro.css">  <link rel="stylesheet" href="http://js.arcgis.com/3.7/js/esri/css/esri.css">   <style>   html, body { height: 100%; width: 100%; margin: 0; padding: 0; }   #map { padding:0; }  </style>   <script src="http://js.arcgis.com/3.7/"></script>  <script>   var map;   require([    "esri/map",    "esri/dijit/BasemapGallery",    "esri/arcgis/utils",    "dojo/parser",    "dijit/layout/BorderContainer",    "dijit/layout/ContentPane",    "dijit/TitlePane",    "dojo/domReady!"   ], function(Map, BasemapGallery, arcgisUtils, parser) {    parser.parse();     map = new Map("map", {     basemap: "ESRI_Imagery_World_2D",     center: [-105.255, 40.022],     zoom: 13    });     // add the basemap gallery, in this case we'll display maps from ArcGIS.com including bing maps    var basemapGallery = new BasemapGallery({     showArcGISBasemaps: true,     basemapsGroup:{owner:"greid470",title:"mybasemaps"},     map: map    }, "basemapGallery");     basemapGallery.startup();    basemapGallery.on("error", function(msg) {     console.log("basemap gallery error:  ", msg);    });   });  </script> </head>  <body class="claro">  <div data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'headline', gutters:false" style="width:100%;height:100%;margin:0;">  <div id="map" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'center'" style="padding:0;">   <div style="position:absolute; right:20px; top:10px; z-Index:999;">    <div data-dojo-type="dijit/TitlePane" data-dojo-props="title:'Switch Basemap', closable:false, open:false">     <div data-dojo-type="dijit/layout/ContentPane" style="width:380px; height:280px; overflow:auto;">      <div id="basemapGallery"></div>     </div>    </div>   </div>  </div> </div> </body>  </html>

Outcomes