Leaflet异步调用ArcGIS发布的GP服务

应用场景:Leaflet调用Esri的GP服务。

当GP服务需要的参数是GPFeatureRecordSetLayer 类型的时候,并且传入的要素对象还要包含属性数据。

我们在前台绘制一个Polygon,然后去调用GP服务。

代码实现

map.on(L.Draw.Event.CREATED, function (e) {
        var type = e.layerType,
        layer = e.layer;
			
        if (type === 'polygon') {
            //e.layer只是要素数据,需要人工添加属性数据
            
            var feature = layer.toGeoJSON();
            feature.type = "Feature";
            //属性数据
            feature.properties.A= 30;
            //对于GPFeatureRecordSetLayer类型的输入需要传递FeatureCollection类型才可以(具体参考geoJSON格式)
            var featureCollection = {"type":"FeatureCollection","features":[]};
            featureCollection.features.push(feature);
            //输入要素空间参考
            gpTask.setParam("env:inSR", 4326);
            gpTask.setParam("InputInundation", featureCollection);
           //异步的时候需要设置输出参数
            gpTask.setOutputParam('ResultTable');
            gpTask.run(gpCallback);
        }
    
        editableLayers.addLayer(layer);
    });
  
  
  var gpService = L.esri.GP.service({
    url: "", //GP服务的地址
    useCors:false,
    asyncInterval: 1 //异步设置
  });

 
  var gpTask = gpService.createTask();
  
  //回调函数
  function gpCallback(error, response, raw){
      console.log(response.ResultTable);
  }

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在 Esri Leaflet 中点击获取 ArcGIS 服务属性,可以按照以下步骤进行操作: 1. 导入所需的库文件和样式表: ```html <!-- Esri Leaflet --> <link rel="stylesheet" href="https://unpkg.com/esri-leaflet/dist/esri-leaflet.css" /> <script src="https://unpkg.com/esri-leaflet"></script> <!-- Leaflet --> <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" /> <script src="https://unpkg.com/leaflet"></script> ``` 2. 创建地图容器: ```html <div id="map"></div> ``` 3. 初始化地图: ```javascript var map = L.map('map').setView([latitude, longitude], zoomLevel); ``` 其中,`latitude` 和 `longitude` 是地图的中心点坐标,`zoomLevel` 是缩放级别。 4. 添加 ArcGIS 服务图层: ```javascript var url = 'https://services.arcgis.com/{your-service-id}/arcgis/rest/services/{your-layer-name}/FeatureServer/{layer-index}'; var layer = L.esri.featureLayer({ url: url }).addTo(map); ``` 将 `{your-service-id}` 替换为 ArcGIS 服务的 ID,`{your-layer-name}` 替换为图层的名称,`{layer-index}` 替换为图层的索引。 5. 添加点击事件处理程序: ```javascript layer.on('click', function(event) { var feature = event.layer.feature; // 获取属性值 var attributes = feature.properties; // 处理属性值 // ... }); ``` 在点击图层要素时,会触发 `click` 事件,可以在事件处理程序中获取要素的属性值。 以上是在 Esri Leaflet 中点击获取 ArcGIS 服务属性的基本方法。你可以根据实际需求对属性值进行进一步处理或显示。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值