arcgis-api-for-js-之添加图层到地图及地图服务设置可见图层

1. 前言

ArcGISDynamicMapServiceLayer 类代表动态图层，因此就有很大的属性与方法来操作视图服务。

2. 添加图层到地图

我们使用 addLayer() 方法将图层加载到地图中，代码如下：

        require(["esri/map","esri/layers/ArcGISDynamicMapServiceLayer",
                "dojo/domReady!"],
            function(Map,ArcGISDynamicMapServiceLayer){
                var map = new Map("mapDiv");
                //利用url创建一个动态地图服务对象
                var layer=new ArcGISDynamicMapServiceLayer("http://localhost:6080/arcgis/rest/services/nongda/农大/MapServer",{
                });
                //将地图服务对象添加到地图容器中
                map.addLayer(layer);

• 代码解析
  addLayer() 方法需要传入一个参数，参数为一个图层，可以是缓存地图也可以是动态参数生成地图的图层。该参数为一个url ,指向我们所加载的图层。

除了添加到图层外，还可以使用 Map.removeLayer() 或者 Map.removeAllLayers() 来从地图地图中标移除某个或者所有图层。

3. 地图服务设置可见图层

可以使用 setVisibleLayers() 方法控制动态地图服务中单个图层的可见性。该方法仅适用于动态地图图层，对切片地图服务则不适用。该方法接受一个数组，对应地图服务中数据图层索引编号。
比如下面的一个动态地图服务的信息：

上面是我发布的一个动态地图服务的信息，上面 setVisibleLayers() 方法接受的数组，数组是从0开始的，因此地图服务中的第一个图层占据位置0，就如上面的图层，大门就是索引为0。要想显示大门，和宿舍楼7的信息，只需要如下代码：

        require(["esri/map","esri/layers/ArcGISDynamicMapServiceLayer",
                "dojo/domReady!"],
            function(Map,ArcGISDynamicMapServiceLayer){
                var map = new Map("mapDiv");
                //利用url创建一个动态地图服务对象
                var layer=new ArcGISDynamicMapServiceLayer("http://localhost:6080/arcgis/rest/services/nongda/农大/MapServer",{
                });
                layer.setVisibleLayers([0,7]);
                //将地图服务对象添加到地图容器中
                map.addLayer(layer);
            });

• 显示效果如下：

• 所有图层显示效果：

• 设置显示0，7图层显示效果：

ArcGISDynamicMapServiceLayer 类的通过 setLayerDefinitions 方法来设置图层的定义，该定义可用于过滤指定图层的要素，例如：

        require(["esri/map","esri/layers/ArcGISDynamicMapServiceLayer",
                "dojo/domReady!"],
            function(Map,ArcGISDynamicMapServiceLayer){
                var map = new Map("mapDiv");
                //利用url创建一个动态地图服务对象
                var layer=new ArcGISDynamicMapServiceLayer("http://localhost:6080/arcgis/rest/services/nongda/农大/MapServer",{
                });
                var layerDefinitions=[];
                layerDefinitions[0]="POPULATION>5000000";
                layerDefinitions[5]="AREA>100000";
                layer.setLayerDefinitions(layerDefinitions);
                //将地图服务对象添加到地图容器中
                map.addLayer(layer);

• 代码解析
  上面的代码中，对于第一个图层，只显示人口大于500万的要素，对于第6个图层，只显示面积大于10万的要素。