ArcGIS api for javascript——地图配置-滑动器的刻度线、方向、大小的改变

时间：2024-06-03 09:33:02

描述

本例展示了如果删除缩放等级滑动器的刻度线。通过设置esriConfig里的sliderLabel为null来实现：

esriConfig.defaults.map.sliderLabel = null;

默认情况下，缩放等级滑动器是垂直方向的。可以通过设置滑动器的高度属性为null来使滑动器改为水平方向。

esriConfig.defaults.map.slider = { right:"10px", bottom:"10px", width:"200px", height:null };

如本例所示，能够通过设置esriConfig上的属性来改变缩放等级滑动器的大小。 这里高度被设置为100像素。 宽度为null表示滑动器将是垂直方向的。

esriConfig.defaults.map.slider = { right:"10px", top:"10px", width:null, height:"100px" };

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

 <html>

   <head>

     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

     <meta http-equiv="X-UA-Compatible" content="IE=7" />

     <title>增加没有刻度的滑动器</title>

     <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/1.5/js/dojo/dijit/themes/tundra/tundra.css">

     <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=1.5"></script>

     <script type="text/javascript"> 

         dojo.require("esri.map");

         function init() {

             //增加没有刻度的滑动器

             esriConfig.defaults.map.sliderLabel = null;

             //将滑动器设置为水平方向

             //esriConfig.defaults.map.slider = { right:"10px", bottom:"10px", width:"200px", height:null };

             //将滑动器设置为垂直方向

               //esriConfig.defaults.map.slider = { right:"10px", top:"10px", width:null, height:"100px" };

             var map = new esri.Map("map");

             var layer = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer");

             map.addLayer(layer);

         }

         dojo.addOnLoad(init);      

     </script>

   </head>

    <body class="tundra">

     <div id="map" style="width:1024px; height:512px; border:1px solid #000;"></div>

   </body>

 </html>

相关文章