ArcGIS api for javascript——地图配置-滑动器的刻度线方向大小的改变
Posted xiaotian_小天
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ArcGIS api for javascript——地图配置-滑动器的刻度线方向大小的改变相关的知识，希望对你有一定的参考价值。
描述
本例展示了如果删除缩放等级滑动器的刻度线。通过设置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" };
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5 <meta http-equiv="X-UA-Compatible" content="IE=7" /> 6 <title>增加没有刻度的滑动器</title> 7 <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/1.5/js/dojo/dijit/themes/tundra/tundra.css"> 8 <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=1.5"></script> 9 <script type="text/javascript"> 10 11 dojo.require("esri.map"); 12 function init() { 13 14 //增加没有刻度的滑动器 15 esriConfig.defaults.map.sliderLabel = null; 16 //将滑动器设置为水平方向 17 //esriConfig.defaults.map.slider = { right:"10px", bottom:"10px", width:"200px", height:null }; 18 //将滑动器设置为垂直方向 19 //esriConfig.defaults.map.slider = { right:"10px", top:"10px", width:null, height:"100px" }; 20 var map = new esri.Map("map"); 21 var layer = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer"); 22 map.addLayer(layer); 23 24 } 25 dojo.addOnLoad(init); 26 27 </script> 28 </head> 29 <body class="tundra"> 30 <div id="map" style="width:1024px; height:512px; border:1px solid #000;"></div> 31 </body> 32 </html> 33 34
以上是关于ArcGIS api for javascript——地图配置-滑动器的刻度线方向大小的改变的主要内容，如果未能解决你的问题，请参考以下文章
arcgis api for javascript 4.10版本的本地部署
Map学习(arcgis api for javascript3.18)
ArcGIS API for JavaScript学习：第一个地图