gis

ArcGIS API for Javascript 4.13调用

2020-01-05  本文已影响0人  xushiluo

撰写日期:2019年12月11日
注意:随着时间推移,该博文可能不再适用,请仔细检查自己的版本与博文版本的对应关系,不能保证三五年后,该博文仍然对新版本的ArcGIS API for Javascript 4.13有效!


ArcGIS API for Javascript 3.x系列的调用方式和4.x系列的调用方式,有些地方区别还是很大。调用GP服务时的一些3.x版本的代码,在4.x下很多都不能正常运行。

网上的大部分GP服务返回的都是矢量数据,本文的例子将讨论返回栅格数据的GP服务。GP服务的调用有两种方式:(1)同步调用;(2)异步调用
同步调用适合于耗时较少的地理处理,异步调用适用于耗时较多的地理处理。

一、系统环境

二、需要注意的问题

2.1 GP服务的调用地址

GP服务调用地址

2.2 GP服务的参数RasterData

GP服务的参数是接收RasterData,也就是tif格式的影像。这种情况下,栅格影像(.tif格式)需要上传到web服务器中。
例如web服务的根目录是D:\TempOutput\webGIS,B3.tif和B4.tif在webGIS目录下,那么访问这两个文件就可以采用http://localhost/B3.tifhttp://localhost/B4.tif

影像位置

2.3 调用异步GP服务时的参数

如下:输入两个栅格图层B3和B4,计算其植被指数NDVI。
在ArcGIS API for Javascript 4.13版本中,代码如下:

// 4.13版本中用这种
var params = {
    b4: { url: "http://localhost:8082/b4.tif", format: "tif" },
    b3: { url: "http://localhost:8082/b3.tif", format: "tif" },
};
console.log(params);
//发布地理服务(GP服务)时,请务必勾选【View results with a map service】
//中文版本,请务必勾选【查看含地图服务的结果】
//请参考:https://www.cnblogs.com/sguozeng/articles/6423298.html
//更多情况,请百度搜索:gp服务 查看含地图服务的结果
gp.submitJob(params).then(drawResultData,outError)

关键在于params设置参数,可以看到,4.13中直接设置为Json格式字符串就好了,而不必设置成下面的形式

//4.13版本中这种不工作
var params = {
    b4:  new RasterData({
            url: "http://localhost:8082/b4.tif", 
            format: "tif" 
        }),
    b3: new RasterData({
            url: "http://localhost:8082/b3.tif", 
            format: "tif" 
        }),
};

这种形式不工作。

2.4 GP服务返回栅格影像

计算植被指数(NDVI),结果是一个tif格式影像,实际上也是RasterData,它是无法直接显示在web客户端的。因此,需要将tif格式的影像发布为影像服务或者是地图服务。
一种简便的方法是:发布GP服务时,英文版勾选【View results with a map service】,中文版勾选【查看含地图服务的结果】,这样,在ArcGIS Server中可以看到GP服务对应的结果服务。

GP服务与结果服务

web端的调用代码如下:

gp.submitJob(params).then(drawResultData,outError)

//接收异步结果,进行绘制
function drawResultData(JobInfo) {
    console.log("分析完成");
    console.log(JobInfo);
    var jobId=JobInfo.jobId;
    console.log(jobId);
    var options = {
        interval: 1500,
        statusCallback: function(j) {
            console.log("Job Status: ", j.jobStatus);
        }
    };

    gp.waitForJobCompletion(jobId, options).then(function() {
        
        //getResultData的第二个参数为发布服务时,看到的结果参数的名称
        gp.getResultData(jobId,"ndvi_result_tif").then(function(Parametervalue){

            console.log(Parametervalue.dataType);

            //需要发布地理服务(gp服务)时启用使用结果地图服务
            //帮助文件请见:http://desktop.arcgis.com/zh-cn/arcmap/latest/analyze/sharing-workflows/using-result-map-service-in-web-applications.htm
            var mapUrl = "http://localhost:6080/arcgis/rest/services/GPNDVI/MapServer/jobs/" + jobId;
            var resultImglayer = new MapImageLayer({
              url: mapUrl
            });
            
            if(resultImglayer){
                map.add(resultImglayer);
            }
            //下面的代码不工作,注释掉
            //resultImglayer.when(function(){
            //  map.add(resultImglayer);
            //});
        }, outError);
    },outError);
}

//输出错误
function outError(e){
    console.log("发生错误");
    console.error(e);
}

其中:var mapUrl = "http://localhost:6080/arcgis/rest/services/GPNDVI/MapServer/jobs/" + jobId; 即为结果服务的调用地址,也就是NDVI计算结果的调用地址。

上一篇下一篇

猜你喜欢

热点阅读