【超图】SuperMap iClient3D for WebGL 加载4490/4326的wmts服务

作者：taco

        在使用webgl加载经纬度坐标系的时候，我们会发现使用默认的接口去加载，天地图的wmts服务是正常的，但是如果我去加载iserver中发布的wmts服务，就会出现无论怎么去调整参数,都不能正常的将wmts服务加载到我的场景上去。总会出现些许的偏移。或是我添加的图层根本对不上我的地球。

        原因并不是因为代码写错了。而是这部分iserver提供的能力文档和天地图等服务的文档有些许的区别导致的（包括dpi不一致导致）。那么我们如何去正常的将wmts服务加载到球面场景中呢？这边文章来教你如何调整，以及如何加载。

一，新增一个服务接口

        首先启动我们的iserver,新增服务接口的方法是在isever的页面中去增加的。启动登录后，我们可以看到在菜单栏的服务中，服务接口下是有一个添加接口的功能。如下图所示。

我们需要去添加一个新的wmts接口。 单机后会有一个新的弹窗。这里我们需要去添加参数，

接口名称：这里我们去设置一下我们后面要去调用的wmts服务的接口名称就可以，名称根据实际需要去设置。

接口类型：接口类型这里选择的是wmts服务接口。

比例尺集：最好保持和idesktop中是一致的，所以我们这里设置的是custom，选择后去单机旁边的小加号。就会把比例尺集添加到左侧的选栏中。同事右测会显示出当前的比例尺集的比例尺以及dpi。

        这里默认的dpi是 90.7142857142857 为了使我们的效果与idesktop中加载的一致，或是能正常的放在我们的球面场景中，我们需要更改dpi的值到96。

        如果比例尺中没有的话，或者是空白的话。可以将下面的参数填入选框中。

295829355.45,147914677.73,73957338.86,36978669.43,18489334.72,9244667.36,4622333.68,2311166.84,1155583.42,577791.71,288895.85,144447.93,72223.96,36111.98,18055.99,9028,4514,2257,1128.5,564.25

        单机确定后，我们就完成了该接口的新增。虽然新增了接口，但是还没有真正的完成接口。我们还需要对范围的设置。但是范围是无法在iserver功能中修改的，需要在xml文件中修改。

使用shutdown先去关闭我们的iserver产品,在\webapps\iserver\WEB-INF目录下找到iserver-services-interfaces.xml文件。

我们打开这个xml文件，在 tileMatrixSets的后面去添加这部分即可。

<customEntireBounds>-180,-90,180,90</customEntireBounds>

添加完成后保存我们的xml文件夹。并重新启动我们的iserver就可以使用我们添加的接口啦。

重启后的iserver,选择我们需要发布的工作空间，或是切好的瓦片，发布为WMTS1.0.0服务。

        发布完成我们的服务后，我们可以在服务地址中看到，我们新增的接口。

我们直接使用这个链接就可以去加载4490/4326的wmts瓦片啦。

二，Webgl中加载我们的wmts底图

        加载代码如下：

var matrixIds = [];
for (var i = 0; i <= 8; i++) {
matrixIds[i] = i;
}
var zhongguofanwei = new Cesium.WebMapTileServiceImageryProvider({
url: "http://localhost:8090/iserver/services/map-ugcv5-zhongguofanwei4490/wmtsgai",
layer: "zhongguofanwei4490",
style: "default",
format: "image/png",
tileMatrixSetID: "Custom_zhongguofanwei4490",
tileMatrixLabels: matrixIds,
tilingScheme: new Cesium.GeographicTilingScheme({
ellipsoid: Cesium.Ellipsoid.CGCS2000,
numberofLevelZeroTilesX: 2,
numberofLevelZeroTilesY: 1,
}),
});
var wailayer = viewer.imageryLayers.addImageryProvider(zhongguofanwei);

 加载效果如下：