Select to view content in your preferred language

Basemap Gallery

4304
15
Jump to solution
03-05-2014 04:02 PM
AlexGole1
Emerging Contributor
Hi,
Basemap gallery not properly on any of my machines. Can someone help? Advise me?
  <!DOCTYPE html>   <html>     <head>      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">     <!--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.8/js/dojo/dijit/themes/claro/claro.css">         <link rel="stylesheet" href="http://js.arcgis.com/3.8/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.8/"></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: "topo",           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,           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>
0 Kudos
15 Replies
AlexGole1
Emerging Contributor
This is a great blog! I wish I had the chance to look at it before. Every thing works like a charm except my extract data widget which I need To spend more time on to understand how it works. Thank you!!
0 Kudos
JohnGravois
Deactivated User
my pleasure Alex.  please consider marking this thread as 'answered'. 🙂
0 Kudos
AlexGole1
Emerging Contributor
my pleasure Alex.  please consider marking this thread as 'answered'. 🙂
Sorry I  dont use this forum often. Where is the 'answered' button supposed to be?
0 Kudos
JohnGravois
Deactivated User
0 Kudos
AlexGole1
Emerging Contributor
Thank you for your help!
0 Kudos
JohnGravois
Deactivated User
no worries.  take care.
0 Kudos