iServer使用影像服务（二）——影像服务发布为wmts和wms服务的加载

最新推荐文章于 2024-08-28 15:43:23 发布

原创

最新推荐文章于 2024-08-28 15:43:23 发布 · 960 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#前端

SuperMapiServer 11.0.1版本支持发布影像数据为WMTS和WMS服务，本文介绍如何使用iClientforLeaflet前端加载这两种服务。

前言

自从SuperMap iServer10.2.0版本开始新增影像服务模块，并支持大规模影像（栅格）数据快速发布为影像服务，之后推出的版本中都陆陆续续对影像服务模块扩充了新功能、增强了新特性；如在SuperMap iServer10.2.1版本中支持将影像数据发布为wmts-china 服务，实现三维场景能够对接影像服务；如在SuperMap iServer11.0.0版本中新增支持将影像数据发布为 WMS 服务等。
当前SuperMap iServer11.0.1新版本中已经支持将影像发布为WMTS和WMS服务了，那么接下来我们就在前端来加载验证影像服务发布的WMTS和WMS服务吧。

一、将影像数据发布为WMTS和WMS服务

根据上一篇博客影像服务的介绍和使用我们了解了关于影像服务的基本内容已经发布时的具体步骤；接下来我们使用SuperMap iServer 11.0.1最新版，将单个tif影像数据文件发布为wmts和wms服务。
在发布影像服务中选择“影像集合”对象时，其基础配置中的“坐标系参考( EPSG 编码 )”默认情况下为4326坐标系的，所以在发布完wmts和wms服务后，通过wmts和wms的xml文件可以看见，影像服务发布的wmts和wms与普通工作空间或者瓦片发布的wmts和wms服务之间，影像服务发布的wmts服务只包含有4326坐标系的layer图层，并没有包含其他坐标系的。
在这里插入图片描述
iServer影像服务发布的WMTS服务

iServer影像服务发布的WMS服务

二、前端加载影像数据发布的OGC服务

在SuperMap iServer11.0.1中用影像数据发布的wmts服务和wms服务是符合OGC标准的，所以在iClient中可以直接调用相应的服务加载；接下来，我们就使用iClient for Leaflet来加载这两个服务。

1、Leaflet 加载WMTS服务

根据官网的WMTS范例我们可以直接加载该WMTS服务，其中需要注意的是当前wmts服务默认为4326坐标系，所以在加载时需要将定义的crs调整成"EPSG: 4326"，然后其他的参数根据实际的参数调整即可，加载的完整代码如下所示：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title data-i18n="resources.title_wmtsLayer"></title>
<script type="text/javascript" src="../js/include-web.js"></script>
</head>
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
<div id="map" style="margin:0 auto;width: 100%;height: 100%"></