topic Re: strange slider appearance with ArcGISDynamicMapServiceLayer in ArcGIS JavaScript Maps SDK Questions

strange slider appearance with ArcGISDynamicMapServiceLayer

VuPham — Fri, 22 Oct 2010 12:58:07 GMT

When I display a map with ArcGISDynamicMapServiceLayer, the slider just shows as a plus and minus signs. I cannot control the width or height. I already tried esriConfig.defaults.map.slider, such as
esriConfig.defaults.map.slider = { right:"10px", top:"10px", width: null, height:"1200px" };
esriConfig.defaults.map.zoomSymbol = {"color":[255,255,255,127],"outline":{"color":[255,0,0,255],"width":1.5,"style":"esriSLSDash"},"style":"esriSFSSolid"};

The maps I use are the ones that come with ESRI DVDs. USA_Base_Map and StreetMap_North_America from my local ArcGis Server 10.

Any advice is greatly appreciated.

Vu

Re: strange slider appearance with ArcGISDynamicMapServiceLayer

VuPham — Fri, 22 Oct 2010 13:24:11 GMT

I just tried with ESRI Sample servers, and have the same problem. Here is my code:

<script type="text/javascript">
dojo.require("esri.map");
var map;
function init() {
    map = new esri.Map("mapDiv");
    var basemapURL= "http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Population_World/MapServer";
    var basemap = new esri.layers.ArcGISDynamicMapServiceLayer(basemapURL);
    map.addLayer(basemap);
}
dojo.addOnLoad(init);
</script>

Vu

Re: strange slider appearance with ArcGISDynamicMapServiceLayer

VuPham — Fri, 22 Oct 2010 19:19:48 GMT

My fault. I had a typo in declaring the style class name of this DIV.

Vu

Re: strange slider appearance with ArcGISDynamicMapServiceLayer

DanielYim — Sun, 24 Oct 2010 14:38:23 GMT

I also have this same problem with a dynamic layer. Could you tell me which div tag you changed? Did you set the map div to class="claro"?

Re: strange slider appearance with ArcGISDynamicMapServiceLayer

DanielYim — Sun, 12 Dec 2021 03:17:13 GMT

FYI, to hide the zoom slider for dynamic map services (where scales are not explicitly defined), add

dojo.connect(myMap, "onLoad", function(theMap) {
myMap.hideZoomSlider();
});

to your code.