nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Dynamic Layer not working

Can anyone tell me why my Dynamic layer isn't showing up.
I am providing my code.
Website where you can check it out.
maps.lrgvdc911.org/lrgkids

 <!DOCTYPE HTML> <html> <head>   <meta charset="utf-8">   <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">   <title>LRG Kidz</title>   <link rel="stylesheet" type="text/css" href="http://js.arcgis.com/3.9/js/esri/css/esri.css">   <link rel="stylesheet" href="http://js.arcgis.com/3.9/js/dojo/dijit/themes/claro/claro.css">   <style>     html, body, #map {       padding:0;       margin:0;       height:100%;     }     #HomeButton {       position: absolute;       top: 245px;       left: 20px;       z-index: 10;     }   </style>   <script src="//js.arcgis.com/3.9/"></script>   <script>                      require([         "esri/map", "esri/layers/ArcGISDynamicMapServiceLayer",    "esri/dijit/BasemapGallery", "esri/arcgis/utils",   "esri/dijit/HomeButton",            "dojo/parser",          "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "dijit/TitlePane",         "dojo/domReady!"       ], function(         Map, ArcGISDynamicMapServiceLayer, BasemapGallery, arcgisUtils,   HomeButton,            parser       ) {         parser.parse();         var  map = new Map("map", {           basemap: "topo",     logo: false,     sliderStyle: 'large',           center: [-98.185272, 26.282376],           zoom: 9         });   var dynamicMapServiceLayer = new ArcGISDynamicMapServiceLayer("http://maps.lrgvdc911.org:6080/arcgis/rest/services/STEAR/STEAR_DYNAMIC/MapServer", {    });    map.addLayer(dynamicMapServiceLayer);       var home = new HomeButton({         map: map       }, "HomeButton");       home.startup();             var basemapGallery = new BasemapGallery({           showArcGISBasemaps: true,           map: map         }, "basemapGallery");         basemapGallery.startup();                  basemapGallery.on("error", function(msg) {           console.log("basemap gallery error:  ", msg);         });          });     </script>                   </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" class="map"           data-dojo-type="dijit/layout/ContentPane">     <div id="HomeButton"></div>              <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 style="position:absolute; right:20px; top:55px;width:130px; z-Index:999;">           <div data-dojo-type="dijit/TitlePane"                 data-dojo-props="title:'Editing Tools', closable:false,  open:false">             <div data-dojo-type="dijit/layout/ContentPane" style="width:380px; height:280px; overflow:auto;">         </div>   </div> </body> </html>

Vind meer berichten getagd met

Accepted answers

After a little work I found a Solution to my problem All I did was removing this

Here is the new code version of it.

<!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>Create Map and add a dynamic layer</title>     <link rel="stylesheet" href="http://js.arcgis.com/3.9/js/esri/css/esri.css"/>     <link rel="stylesheet" href="http://js.arcgis.com/3.9/js/dojo/dijit/themes/claro/claro.css">     <style>       html, body, #map{         padding: 0;         margin: 0;         height: 100%;       }       #HomeButton {       position: absolute;       top: 245px;       left: 20px;       z-index: 10;     }      </style>     <script src="http://js.arcgis.com/3.9/"></script>     <script>       var map;        require([         "esri/map",         "esri/dijit/HomeButton",         "esri/dijit/BasemapGallery",         "esri/layers/ArcGISDynamicMapServiceLayer",         "dojo/parser"        ], function (         Map, HomeButton, BasemapGallery, ArcGISDynamicMapServiceLayer, parser) {         parser.parse();                 map = new Map("map", {           basemap: "topo",           center: [-98.185272, 26.282376],           logo: false,           sliderStyle: 'large',           zoom: 9,         });          var home = new HomeButton({           map: map         }, "HomeButton");         home.startup();                  var basemapGallery = new BasemapGallery({           showArcGISBasemaps: true,           map: map         }, "basemapGallery");         basemapGallery.startup();                  basemapGallery.on("error", function(msg) {           console.log("basemap gallery error:  ", msg);         });                    //Takes a URL to a non cached map service.         var dynamicMapServiceLayer = new ArcGISDynamicMapServiceLayer("http://maps.lrgvdc911.org:6080/arcgis/rest/services/STEAR/STEAR_DYNAMIC/MapServer", {                  });          map.addLayer(dynamicMapServiceLayer);       });     </script>   </head>   <body class="claro">     <div id="map">       <div id="HomeButton"></div>        <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 style="position:absolute; right:20px; top:55px;width:130px; z-Index:999;">           <div data-dojo-type="dijit/TitlePane"                 data-dojo-props="title:'Editing Tools', closable:false,  open:false">             <div data-dojo-type="dijit/layout/ContentPane" style="width:380px; height:280px; overflow:auto;">     </div>     </div>     </div>     </div>   </body> </html>

All comments

After a little work I found a Solution to my problem All I did was removing this

Here is the new code version of it.

<!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>Create Map and add a dynamic layer</title>     <link rel="stylesheet" href="http://js.arcgis.com/3.9/js/esri/css/esri.css"/>     <link rel="stylesheet" href="http://js.arcgis.com/3.9/js/dojo/dijit/themes/claro/claro.css">     <style>       html, body, #map{         padding: 0;         margin: 0;         height: 100%;       }       #HomeButton {       position: absolute;       top: 245px;       left: 20px;       z-index: 10;     }      </style>     <script src="http://js.arcgis.com/3.9/"></script>     <script>       var map;        require([         "esri/map",         "esri/dijit/HomeButton",         "esri/dijit/BasemapGallery",         "esri/layers/ArcGISDynamicMapServiceLayer",         "dojo/parser"        ], function (         Map, HomeButton, BasemapGallery, ArcGISDynamicMapServiceLayer, parser) {         parser.parse();                 map = new Map("map", {           basemap: "topo",           center: [-98.185272, 26.282376],           logo: false,           sliderStyle: 'large',           zoom: 9,         });          var home = new HomeButton({           map: map         }, "HomeButton");         home.startup();                  var basemapGallery = new BasemapGallery({           showArcGISBasemaps: true,           map: map         }, "basemapGallery");         basemapGallery.startup();                  basemapGallery.on("error", function(msg) {           console.log("basemap gallery error:  ", msg);         });                    //Takes a URL to a non cached map service.         var dynamicMapServiceLayer = new ArcGISDynamicMapServiceLayer("http://maps.lrgvdc911.org:6080/arcgis/rest/services/STEAR/STEAR_DYNAMIC/MapServer", {                  });          map.addLayer(dynamicMapServiceLayer);       });     </script>   </head>   <body class="claro">     <div id="map">       <div id="HomeButton"></div>        <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 style="position:absolute; right:20px; top:55px;width:130px; z-Index:999;">           <div data-dojo-type="dijit/TitlePane"                 data-dojo-props="title:'Editing Tools', closable:false,  open:false">             <div data-dojo-type="dijit/layout/ContentPane" style="width:380px; height:280px; overflow:auto;">     </div>     </div>     </div>     </div>   </body> </html>

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.