Community
Select to view content in your preferred language

Dynamic Layer not working

2495
1
Jump to solution
04-26-2014 03:42 PM
HectorChapa
by
Frequent Contributor
‎04-26-2014 03:42 PM
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> 
0 Kudos
1 Solution

Accepted Solutions
HectorChapa
by
Frequent Contributor
‎04-26-2014 04:22 PM
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>

View solution in original post

0 Kudos
1 Reply
HectorChapa
by
Frequent Contributor
‎04-26-2014 04:22 PM
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>
0 Kudos