zoukankan      html  css  js  c++  java
  • ArcGIS.Server.9.3和ArcGIS API for JavaScript地图map控件基本参数设置(三)

    目的:
    1.地图map控件基本参数设置,总结了一些比较有用的参数,包括esriConfig.defaults.map下的参数设置和map控件的参数设置。
    准备工作:
    1.在使用在线的http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer地图数据和jsapi。
    完成后的效果图:


    开始
    一、esri.Map属性参数设置
    var startExtent = new esri.geometry.Extent(-117.44166336059633.9084957122803-117.272135162354,33.9981395721436new esri.SpatialReference({wkid:4326}) );
       
    var map = new esri.Map("map",{ nav:true,slider:true,extent:startExtent});
    esri.Map的构造函数:esri.Map(divId, options?),也就是2个参数的构造函数,第一参数divId是必须的的,第二个参数options?是可选的,上面的代码段中采用了2个参数的构造方法,这里主要来看options?参数,这个参数是一个集合如上面的{ nav:true,slider:true,extent:startExtent},它又包括了navslider、extent三个子参数了。
    options?参数总结如下:
    nav:true/false 是否在地图边上显示8个方向移动的功能按钮。
    slider:true/false 是否显示比例滚动条。
    extentExtent 设置地图控件的初始地图范围,具体看上面的示例代码。
    showInfoWindowOnClick:true/false 点击的时候是否显示infowindow。
    displayGraphicsOnPan:true/false 设置地图上的图形在移动时是否显示,这个是对esri.toolbars.Draw画出来的图形的设置,默认为true,当需要提供浏览器的效率可以设置成false这样就不会消耗过多的cpu资源。
    二、esriConfig.defaults.map下的参数设置
     var labels = [];
       
    var lods = layer.tileInfo.lods;
       
    //记录各级比例信息
       for (var i=0, il=lods.length; i<il; i++)
       {
          labels[i] 
    = lods[i].scale;
       }
       
    //slider条位置设置
       esriConfig.defaults.map.slider = { right:"10px", bottom:"10px""200px", height:null };
       
       
    //slider条信息设置
       esriConfig.defaults.map.sliderLabel = 
       {
          tick: 
    2,//横刻度线大小
          labels: labels,//显示信息
          //slider条信息文字样式设置,字体、字大小、字颜色、字离左边的距离
          style: "2em; font-family:Verdana; font-size:12px; color:#fff; padding-left:2px;"
       };
       
    //设置sliderLabel为null,就是不显示刻度以及文字信息
       //esriConfig.defaults.map.sliderLabel = null;
       
       
    //缩放持续时间
       esriConfig.defaults.map.zoomDuration = 1000;
       
    //缩放刷新速度
       esriConfig.defaults.map.zoomRate = 50;
       
       esriConfig.defaults.map.panRate  
    = 50;
       
       esriConfig.defaults.map.panDuration 
    = 10000;

       
    var zoomSymbol = new esri.symbol.SimpleFillSymbol(esri.symbol.SimpleFillSymbol.STYLE_SOLID, new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_DASHDOT, new dojo.Color([0,0,255]), 2), new dojo.Color([255,255,0,0.5]));
       esriConfig.defaults.map.zoomSymbol 
    = zoomSymbol.toJson();
    参数总结如下:
    1.esriConfig.defaults.map.slider = { right:"10px", bottom:"10px", "200px", height:null };
    设置slider条的位置大小等。
    2.esriConfig.defaults.map.sliderLabel =
    {
          tick: 2,//横刻度线大小
          labels: labels,//显示信息
          //slider条信息文字样式设置,字体、字大小、字颜色、字离左边的距离
          style: "2em; font-family:Verdana; font-size:12px; color:#fff; padding-left:2px;"
    };
    设置slider的label显示了,如上面设置刻度线大小,每个等级的文字信息,以及字体等设置。
    esriConfig.defaults.map.sliderLabel = null;设置不显示sliderLabel
    3.esriConfig.defaults.map.zoomDuration = 1000;
      esriConfig.defaults.map.zoomRate = 50;
    分别设置地图放大缩小的持续时间和刷新时间设置
    4.esriConfig.defaults.map.panRate  = 50;
      esriConfig.defaults.map.panDuration = 10000;
    分别设置地图移动的持续时间和刷新时间设置
    5.var zoomSymbol = new esri.symbol.SimpleFillSymbol(esri.symbol.SimpleFillSymbol.STYLE_SOLID, new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_DASHDOT, new dojo.Color([0,0,255]), 2), new dojo.Color([255,255,0,0.5]));
       esriConfig.defaults.map.zoomSymbol = zoomSymbol.toJson();
    设置地图拉框的显示样式。

  • 相关阅读:
    2019适合年轻人创业的新项目有哪些?最有前景项目推荐
    在家创业办个不愁销路的小厂(四大项目介绍具体分析)
    倒卖什么赚钱?倒卖赚差价的生意[在闲鱼倒卖商品轻松月入过万]
    2020年的创业趋势是什么?未来适合什么行业钱赚的多?[附十六大趋势]
    python练习---博客登录(装饰器)
    python练习---博客登录(装饰器)
    11.25-11.27 配置防盗链,访问控制(Directory,FilesMatch)
    11.25-11.27 配置防盗链,访问控制(Directory,FilesMatch)
    11.25-11.27 配置防盗链,访问控制(Directory,FilesMatch)
    数据库事务的四大特性以及事务的隔离级别
  • 原文地址:https://www.cnblogs.com/hll2008/p/1336257.html
Copyright © 2011-2022 走看看