zoukankan      html  css  js  c++  java
  • ArcGIS api for javascript——地图配置-滑动器的刻度线、方向、大小的改变

    描述

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

    esriConfig.defaults.map.sliderLabel = null;

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

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

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

    esriConfig.defaults.map.slider = { right:"10px", top:"10px", 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", "200px", height:null };
    18             //将滑动器设置为垂直方向
    19               //esriConfig.defaults.map.slider = { right:"10px", top:"10px", 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="1024px; height:512px; border:1px solid #000;"></div>
    31   </body>
    32 </html>
    33  
    34  
  • 相关阅读:
    笔记 : windows系统下 命令行 php --version 的版本与phpinfo()版本不一致问题
    笔记 : WampServe加装PHP版本(7.2.3)为例
    Browsersync结合gulp和nodemon实现express全栈自动刷新
    PHP与JSP简单比较
    BDD 与DSL 入门
    1.display:flex布局笔记
    Css预处理器---Less(三)
    python_30期_第2讲【字符串&运算符】
    python_30期_第5讲【while循环+for循环】
    class_05py作业
  • 原文地址:https://www.cnblogs.com/xiaotian-222/p/6541949.html
Copyright © 2011-2022 走看看