<div id="map" dojotype="dijit.layout.ContentPane" region="center"> <!-- Zoom slider --> <div id="zoomSliderBar" style="position:absolute;left:30px;top:20px;z-index:50;height:250px" dojotype="dijit.form.VerticalSlider" value="3" minimum="0" maximum="15" showbuttons="true" intermediatechanges="false" discreteValues="16" pageIncrement="16" onchange="zoomSliderChanged()"> </div> <!-- Tick marks for zoom slider --> <div dojotype="dijit.form.VerticalRule" container="rightDecoration" count="16" style="position:absolute;left:0px;top:0px;width:5px;height:250px;margin:42px 45px;z-index:50"></div> <!-- labels for zoom slider --> <div id="labelHier0" dojotype="dijit.form.VerticalRuleLabels" container="rightDecoration" style="position:absolute;left:0px;top:0px;font-size:75%;color:red;height:250px;margin:43px 55px;z-index:50;DISPLAY:block"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </div> <div id="labelHier1" dojotype="dijit.form.VerticalRuleLabels" container="rightDecoration" style="position:absolute;left:0px;top:0px;font-size:75%;color:red;height:250px;margin:43px 55px;z-index:50;DISPLAY:none"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </div> <div id="labelHier2" dojotype="dijit.form.VerticalRuleLabels" container="rightDecoration" style="position:absolute;left:0px;top:0px;font-size:75%;color:red;height:250px;margin:43px 55px;z-index:50;DISPLAY:none"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </div> <div id="labelHier3" dojotype="dijit.form.VerticalRuleLabels" container="rightDecoration" style="position:absolute;left:0px;top:0px;font-size:75%;color:red;height:250px;margin:43px 55px;z-index:50;DISPLAY:none"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </div> <div id="labelHier4" dojotype="dijit.form.VerticalRuleLabels" container="rightDecoration" style="position:absolute;left:0px;top:0px;font-size:75%;color:red;height:250px;margin:43px 55px;z-index:50;DISPLAY:none"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </div> <div id="labelHier5" dojotype="dijit.form.VerticalRuleLabels" container="rightDecoration" style="position:absolute;left:0px;top:0px;font-size:75%;color:red;height:250px;margin:43px 55px;z-index:50;DISPLAY:none"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </div> <span id="info" style="position:absolute;left:500px;bottom:20px;color:#000;z-index:50;"></span> </div>
Hi,I have seen lot's of information on changing the zoom slider using the esri default methods, but I'm looking to do something different and can't see from the API how I should do it. I have several hierachies of boundaries that I want to display. The user selects which Hierarchy from a drop down box. At various zoom levels only a given layer in that hierachy is displayed. For example if the zoom level is 0 to 5 show state borders, when a bit lower show local givernment borders, etc etc. What I can't see how to do is update the zoom slider labels. I can set them before I create the map, but can't see how to change them on the fly afterwards, as the user changes which hierarchy they are looking at. I want to have the labels represent which boundaries are visible at a given zoom level. Does anyone know if this is possible? If so could you show me which object.method(newLabelInfo) to use?Thanks
Signed in members can post, follow updates, and more. New here? Register a free account.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.