ArcGIS Image Server简介以及OL2中的加载

概述:

本文讲述Arcgis Image Server相关以及在OL2中如何加载Arcgis Server发布的影像服务。

ImageService简介:

ArcGIS Image Server为用户提供管理和处理海量栅格数据的能力,并提供基于GIS软件、CAD软件、影像处理软件和Web应用的企业级访问。

使用ArcGIS Image Server可将两个独立的阶段(影像处理和影像分发)集成在一起,从而管理员可仅维护原始影像,并可根据用户的需要动态的快速创建基于原始影像的多种影像产品。

ArcGIS Image Server支持影像服务的创建,包括多种格式,多种投影,多种分辨率的海量影像数据集。

ArcGIS Image Server的一个重要特征是其支持影像数据的 原始格式,而不需要创建特定的格式。

这些数据可以是预处理的产品,例如正射影像,也可以是半成品数据,例如空间配准之后仍存在重 叠区域的正射影像;或者原始影像,例如原始扫描帧或卫星影像。数据可以是不同的压缩或者未压缩格式,也可存储在DBMS中。 ArcGIS Image Server支持所有的ESRI支持的栅格格式,例如Geodatabase raster,TIFF,JPEG2000,也 支持特定数据厂商的格式,例如QuickBird,USGS DEM和MATCH-AT。

利用服务器强大的处理能力,可从单一的数据源生成多幅影像产品,每幅影像产品有不同的辐射处 理,几何处理,镶嵌规则和压缩方式。

支持的数据格式 o TIF o RAW(BIL,BIP,BSQ) o JPEG,PNG o Arc/Info ASCII Grid o Arc/Info Binary Grid (.adf) o Microsoft Windows Device Independent Bitmap (.bmp) o ERMapper Compressed Wavelets (.ecw) o ESRI .hdr Labelled o ENVI .hdr Labelled Raster o Graphics Interchange Format (.gif) o Erdas Imagine (.img) o JPEG JFIF (.jpg) o JPEG2000 (.jp2, .j2k) o Erdas 7.x .LAN and .GIS o NetCDF o PCI .aux Labelled o PCI Geomatics Database File o Portable Network Graphics (.png) o USGS ASCII DEM (.dem)

关键技术特性  ? 快速访问影像数据 ?  可伸缩的企业级客户/服务器架构 ?  海量影像管理 ?  直接访问多种文件格式和压缩格式 ?  动态的基于服务器的影像处理 ?  从单一源创建多种影像产品 ?  开放的GIS和Web客户端支持 ?  软件开发包 ?  以最少的时间和最小的工作量使影像可访问

几何处理?        变形 ?  地面到图像的转换(支持放射、投影、Warp Grid、正射纠正等转换方法) ?  输出到特定的投影 ?  按照footprint或接缝裁剪影像 ?  可定义的采样方法—最临近、双线性、立方卷积 ?  从图像到输出采用单一采样 ?  图像镶嵌(支持基于属性的镶嵌,如日期、质量、云覆盖等,也支持最临近底点镶嵌,支持不同方向视点的镶嵌,支持羽化的接缝线镶嵌等) 辐射处理?      从多波段影像提取/加入波段 ?  计算归一化植被指数(NDVI) ?  直方图拉伸-亮度、对比度和gamma ?  图像代数-图像A(+、-、×、/)图像B ?  分类-分类范围值 ?  颜色表-颜色索引值 ?  卷积过滤器-锐化影像 ?  全色融合-融合全色波段和多波段 ?  灰度-将彩色转为灰度 ?  光谱矩阵-转换伪彩色为假彩色 ?  光谱矩阵-转换伪彩色为假彩色

实现方式:

实现,通过网络请求,查看服务的请求地址,如下:

http://localhost:6080/arcgis/rest/services/lzugis/chinaimg/ImageServer/exportImage?f=image&bbox=20.573210198819083%2C15.563411013378278%2C183.21003918663314%2C57.48141724630558&imageSR=4326&bboxSR=4326&size=1292%2C333

其中有三个参数:

1、f,格式,为常量image;

2、bbox,是请求的地图四至;

3、size,是当前分辨率/比例尺下图层的大小。

因此,我们只需修改WMS图层中的URL如此格式即可。

完整代码如下:

OpenLayers.Layer.AgsImageLayer = OpenLayers.Class(OpenLayers.Layer.Grid, {
    DEFAULT_PARAMS: { service: "WMS",
                      version: "1.1.1",
                      request: "GetMap",
                      styles: "",
                      format: "image/jpeg"
                     },
    
    isBaseLayer: true,
    encodeBBOX: false,
    noMagic: false,
    layers:"",
    filter:"",
    yx: {},
    initialize: function(name, url, params, options) {
        var newArguments = [];
        params = OpenLayers.Util.upperCaseObject(params);
        this.layers = params.LAYERS;
        this.filter=params.FILTER;
        if (parseFloat(params.VERSION) >= 1.3 && !params.EXCEPTIONS) {
            params.EXCEPTIONS = "INIMAGE";
        } 
        newArguments.push(name, url, params, options);
        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);
        OpenLayers.Util.applyDefaults(
                       this.params, 
                       OpenLayers.Util.upperCaseObject(this.DEFAULT_PARAMS)
                       );

        if (!this.noMagic && this.params.TRANSPARENT && 
            this.params.TRANSPARENT.toString().toLowerCase() == "true") {
            if ( (options == null) || (!options.isBaseLayer) ) {
                this.isBaseLayer = false;
            } 
            if (this.params.FORMAT == "image/jpeg") {
                this.params.FORMAT = OpenLayers.Util.alphaHack() ? "image/gif"
                                                                 : "image/png";
            }
        }

    },    
    reverseAxisOrder: function() {
        var projCode = this.projection.getCode();
        return parseFloat(this.params.VERSION) >= 1.3 && 
            !!(this.yx[projCode] || (OpenLayers.Projection.defaults[projCode] && 
            OpenLayers.Projection.defaults[projCode].yx));
    },
    getURL: function (bounds) {
        bounds = this.adjustBounds(bounds);
        var imageSize = this.getImageSize();
        var newParams = {};
        var reverseAxisOrder = this.reverseAxisOrder();
        newParams.BBOX = this.encodeBBOX ?
            bounds.toBBOX(null, reverseAxisOrder) :
            bounds.toArray(reverseAxisOrder);
        newParams.WIDTH = imageSize.w;
        newParams.HEIGHT = imageSize.h;
        var requestString = this.getFullRequestString(newParams);
        return requestString;
    },
    getFullRequestString:function(newParams) {
    	var url = this.url;
        if (OpenLayers.Util.isArray(url)) {
            url = this.selectUrl(s, url);
        }
        url = url+'/exportImage?f=image&bbox=${bbox}&size=${size}';
        var layers = "show:"+this.layers;
        var layerDefs = '{"'+this.layers+'":"'+this.filter+'"}';
        url = OpenLayers.String.format(url, {
        	'bbox': newParams.BBOX.toString(),
        	'size':newParams.WIDTH+","+newParams.HEIGHT
        });
        return url;
    },
    CLASS_NAME: "OpenLayers.Layer.AgsImageLayer"
});

页面调用代码如下:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>openlayers map</title>
    <link rel="stylesheet" href="../../../plugin/OpenLayers-2.13.1/theme/default/style.css" type="text/css">
    <style>
        html, body, #map{
            padding:0;
            margin:0;
            height:100%;
            width:100%;
            overflow: hidden;
        }
    </style>
    <script src="../../../plugin/OpenLayers-2.13.1/OpenLayers.js"></script>
    <script src="../../../plugin/jquery/jquery-1.8.3.js"></script>
    <script src="extend/AgsImageLayer.js"></script>
    <script>
        var map;
        var tiled;
        OpenLayers.IMAGE_RELOAD_ATTEMPTS = 5;
        OpenLayers.DOTS_PER_INCH = 25.4 / 0.28;
        $(window).load(function() {
            var format = 'image/png';
            var bounds = new OpenLayers.Bounds(
                    73.45100463562233, 18.16324718764174,
                    134.97679764650596, 53.531943152223576
            );
            var options = {
                controls: [],
                maxExtent: bounds,
                maxResolution: 0.2403351289487642,
                projection: "EPSG:4326",
                units: 'degrees'
            };
            map = new OpenLayers.Map('map', options);
            var time = new Date();
            time = time.getTime();
            var url = "http://localhost:6080/arcgis/rest/services/lzugis/chinaimg/ImageServer";
            tiled = new OpenLayers.Layer.AgsImageLayer(
                    "agsimglyr",
                    url,
                    {
                        format: format
                    },
                    {
                        isBaseLayer: true,
                        singleTile: true
                    }
            );
            map.addLayers([tiled]);
            map.addControl(new OpenLayers.Control.Zoom());
            map.addControl(new OpenLayers.Control.Navigation());
            map.zoomToExtent(bounds);
        });
    </script>
</head>
<body>
<div id="map"></div>
</body>
</html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏机器人网

别让接线这件小事,拉开你与工程师的差距

导线与导线的连接、线头与接线桩的连接,事情小,责任大。本文图文并茂,让你清清楚楚看懂! 导线与导线的连接 导线的连接情况有:单股铜芯导线的直线连接、T字形连接;...

34670
来自专栏小樱的经验随笔

HDU 1874 畅通工程续【Floyd算法实现】

畅通工程续 Time Limit: 3000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Jav...

290100
来自专栏Java与Android技术栈

利用tess-two和cv4j实现简单的ocr功能、

Tesseract是Ray Smith于1985到1995年间在惠普布里斯托实验室开发的一个OCR引擎,曾经在1995 UNLV精确度测试中名列前茅。但1996...

21210
来自专栏计算机视觉与深度学习基础

Leetcode 5 Longest Palindromic Substring

Given a string S, find the longest palindromic substring in S. You may assume ...

19450
来自专栏ml

HDUOJ--1874 畅通工程续

畅通工程续 Time Limit: 3000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Jav...

344110
来自专栏Android点滴积累

Android高效内存2:让图片占用尽可能少的内存

Android高效内存:让图片占用尽可能少的内存 一、让你的图片最小化 1.1 大图小图内存使用情况对比 大图:440 * 336    小图:220 * 16...

315110
来自专栏小特工作室

基于iTextSharp的PDF文档操作

  公司是跨境电商,需要和各种物流打交道,需要把东西交给物流,让他们发到世界各地。其中需要物流公司提供一个运单号,来追踪货物到达哪里?!   最近在和DHL物流...

283100
来自专栏落影的专栏

OpenGL ES实践教程(二)摄像头采集数据和渲染

教程 这一篇教程是摄像头采集数据和渲染,包括了三部分内容,渲染部分-OpenGL ES,摄像头采集图像部分-AVFoundation和图像数据创建纹理部分-G...

46850
来自专栏生信宝典

一文教会你查找基因的启动子、UTR、TSS等区域以及预测转录因子结合位点

本文授权转载自科研小助手(ID:SciRes)斜体小一号字体为生信宝典的备注或校正。

12.1K30
来自专栏生信技能树

使用ESTIMATE来对转录组表达数据根据stromal和immune细胞比例估算肿瘤纯度

ESTIMATE (Estimation of STromal and Immune cells in MAlignant Tumor tissues usin...

54820

扫码关注云+社区

领取腾讯云代金券