ArcGISDynamicMapServiceLayer 实现条件过滤

<html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
   
   
  <meta name="viewport"
  content="initial-scale=1, maximum-scale=1,user-scalable=no">
  <title>Create Map with Custom ArcGISDynamicMapServiceLayer Layer
  Definitions</title>
   
  <link rel="stylesheet"
  href="https://js.arcgis.com/3.16/esri/css/esri.css"/>
  <style>
  html, body, #mapDiv {
  padding: 0;
  margin: 0;
  height: 100%;
  }
   
  </style>
   
  <script src="https://js.arcgis.com/3.16/"></script>
  <script>
  var map;
   
  require([
  "esri/map",
  "esri/layers/ArcGISDynamicMapServiceLayer",
  "esri/layers/ImageParameters",
  "dojo/domReady!"
  ],
  function (Map, ArcGISDynamicMapServiceLayer, ImageParameters) {
   
  map = new Map("mapDiv", {
  basemap: "streets",
  center: [-98.258, 38.236],
  zoom: 7
  });
   
  //Use the ImageParameters to set map service layer definitions and map service visible layers before adding to the client map.
  var imageParameters = new ImageParameters();
   
  //ImageParameters.layerDefinitions takes an array. The index of the array corresponds to the layer id.
  //In the sample below an element is added in the array at 3, 4, and 5 indexes.
  //Those array elements correspond to the layer id within the remote ArcGISDynamicMapServiceLayer
  var layerDefs = [];
  layerDefs[5] = "STATE_NAME='Kansas'";
  layerDefs[4] = "STATE_NAME='Kansas' and POP2007>25000";
  layerDefs[3] = "STATE_NAME='Kansas' and POP2007>25000";
  imageParameters.layerDefinitions = layerDefs;
   
  //I want layers 5,4, and 3 to be visible
  imageParameters.layerIds = [5, 4, 3];
  imageParameters.layerOption = ImageParameters.LAYER_OPTION_SHOW;
  imageParameters.transparent = true;
   
  //construct ArcGISDynamicMapServiceLayer with imageParameters from above
  var dynamicMapServiceLayer = new ArcGISDynamicMapServiceLayer("https://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Census_USA/MapServer",
  {"imageParameters": imageParameters});
   
  map.addLayer(dynamicMapServiceLayer);
  });
  </script>
  </head>
   
  <body>
  <div id="mapDiv"></div>
  </body>
  </html>
posted @ 2016-05-31 17:27  疯子110  阅读(3326)  评论(0)    收藏  举报