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>

转载于:https://www.cnblogs.com/telwanggs/p/5546666.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值