| <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> |