arcgis通过指定范围加载图层

最近项目需要通过指定范围加载图层,做个总结。

1.如果使用的ArcGIS Server版本是10.8或者更高版本,动态服务在出图时支持clipping参数,可以只显示指定区域的数据。关于clipping参数的说明请见:Export Map | ArcGIS REST APIs | ArcGIS Developers (在此页面中搜索clipping)

在arcgis javascript api中,clipping参数通过MapImageLayer的customParameters参数指定。

2.对于切片服务,服务器端无法做切片过滤。最简单的方案还是在客户端做遮盖层,例如在graphicslayer中添加遮盖周边区域的graphic; 或者使用TileLayer、ImageryTileLayer的effect属性, demo请见:Highlight a country with an effect | Sample Code | ArcGIS Maps SDK for JavaScript 4.30 | Esri DeveloperDocumentation site for ArcGIS Maps SDK for JavaScript on Esri Developer website.icon-default.png?t=N7T8https://developers.arcgis.com/javascript/latest/sample-code/effect-blur-shadow/

或者自定义图层做遮盖效果,demo请见:nullDocumentation site for ArcGIS Maps SDK for JavaScript on Esri Developer website.icon-default.png?t=N7T8https://developers.arcgis.com/javascript/latest/sample-code/custom-lv-masking/ 

如果仅限制显示的extent, 可以在程序中设置图层的fullExtent。

ArcGIS JavaScript API 中,WMTSLayer 支持加载所有子图层的功能。可以使用 WMTSLayer 的 `layerInfos` 属性来指定加载的子图层。 以下是一个加载 WMTSLayer 全部子图层的示例代码: ```javascript require([ "esri/layers/WMTSLayer", "esri/layers/WMTSLayerInfo", "esri/geometry/Extent", "esri/SpatialReference", "esri/Map", "esri/views/MapView", ], function(WMTSLayer, WMTSLayerInfo, Extent, SpatialReference, Map, MapView) { // 创建 WMTSLayerInfo 对象 var layerInfo = new WMTSLayerInfo({ identifier: "layer_id", tileMatrixSet: "tile_matrix_set_id", format: "image/png", style: "default", serviceMode: "KVP", tileInfo: { rows: 256, cols: 256, dpi: 96, origin: { x: -20037508.342787, y: 20037508.342787, }, spatialReference: { wkid: 102100, }, lods: [ // LOD 定义 ], }, }); // 创建 WMTSLayer 对象 var wmtsLayer = new WMTSLayer({ url: "http://your_wmts_service_url", layerInfos: [layerInfo], }); // 创建地图和视图 var map = new Map({ layers: [wmtsLayer], }); var view = new MapView({ container: "viewDiv", map: map, extent: new Extent({ xmin: -20037508.342787, ymin: -20037508.342787, xmax: 20037508.342787, ymax: 20037508.342787, spatialReference: new SpatialReference({ wkid: 102100 }), }), }); // 加载全部子图层 wmtsLayer.when(function() { var allSubLayers = []; for (var i = 0; i < wmtsLayer.allSubLayers.length; i++) { allSubLayers.push(wmtsLayer.allSubLayers.getItemAt(i)); } wmtsLayer.sublayers = allSubLayers; }); }); ``` 在上面的代码中,`wmtsLayer.allSubLayers` 属性返回一个可迭代对象,包含 WMTSLayer 的所有子图层。我们可以遍历这个可迭代对象并将所有子图层添加到 `wmtsLayer.sublayers` 属性中,从而加载全部子图层
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值