多级部署下的SuperMap iServer 2.0 JS 聚合功能（一）

话说现在做GIS项目用SuperMap iServer的逐渐增多，而SuperMap iServer具备“服务聚合”的能力，这对于我们的实际应用带来了新的价值，所以有必要研究研究。其实用过ArcGIS Server的朋友或许对于数据/服务熔合有些印象，就是将不同来源的数据/服务mashup在一起来显示，不过现在由于一些大型系统的建设来说，通常是两级/三级部署应用，如图。

那么在这样的部署下，上级系统需要发布全局性信息，并且能够保持与下级系统之间的信息共享与交互；下级系统则维护自身的数据和系统，并且开展本地有特色的系统应用。

说到数据共享和互操作，就引到本文的话题了，也就是利用服务接口实现数据共享，功能共享。

文中中记录了作者采用SuperMap iServer Java SDK尝试数据与功能聚合的一些内容，供大家参考。

1、数据共享

通常我们考虑的是用OGC服务来做，而且现在GIS的客户端都提供了这种能力，也就是在客户端实现数据mashup，这不是本文的重点，不过贴一段我用SuperMap iServer Java JS接口中的TiledMapLayer做的数据共享，至于原因，主要是因为这样共享的数据是已经经过配置的地图，相对WMS SLD来说容易上手些。

SuperMap.TiledMapLayer

1 var mapControl;
2 var params = new Object();
3 function onPageLoad(){
4     SuperMap.Resource.ins = new SuperMap.Resource();
5     SuperMap.Resource.ins.setLanguage("Chinese");
6     var contextPath = "http://localhost:7080/test/";
7     SuperMap.Committer.handler = contextPath + "commonhandler";
8
9     params.contextPath = contextPath;
10     params.mapHandler = params.contextPath + "maphandler";
11
12     params.mapName = "World";
13     params.mapServicesAddress = "localhost";
14     params.mapServicesPort = 8600;
15     params.imageFormat = "png";
16     params.buffer=1;
17
18     mapControl = new SuperMap.UI.MapControl(document.getElementById("mapcontrol1Div"));
19     mapControl.set_params(params);
20
21     mapControl.initialize();
22 }
23 function addTiledMapLayer(){
24     var tiledMapLayerParam = new Object();
25     tiledMapLayerParam.mapHandler = "http://192.168.44.125:7080/demo/maphandler";
26     tiledMapLayerParam.mapName = "World";
27     var map = mapControl.getMap();
28     var tiledMapLayer = new SuperMap.TiledMapLayer(null, tiledMapLayerParam, map);
29     tiledMapLayer.set_id("tiledMapLayer");
30     tiledMapLayer.opacity = 50;
31     map.addLayer(tiledMapLayer);
32     mapControl.refreshMapControl();
33 }
34 function removeTiledMapLayer(layerName){
35     var map = mapControl.getMap();
36     if(layerName && layerName.trim()!=""){
37         var layerID = layerName ;
38         var containerID =  mapControl.get_mapDiv().id + "_" + layerID +"_Div";
39         if(mapControl.get_mapDiv()){
40             var layerContainer = document.getElementById(containerID);
41             if(layerContainer){
42                 mapControl.get_mapDiv().removeChild(layerContainer);
43             }
44         }
45         if(map.get_imageLayers()){
46             var length = map.get_imageLayers().length;
47             for(var i = length - 1 ; i >= 0 ; i-- ) {
48                 var layer = map.get_imageLayers()[i];
49                 if(layer.get_id() && layer.get_id() == layerID){
50                     map.get_imageLayers().splice(i,1);
51                 }
52             }
53         }
54     }
55 };

2、功能共享

现在做功能层面的共享，可以考虑用XML WebService来做，不过如果是多级部署都采用一个GIS平台，又希望GIS系统之间实现功能共享的话，建议使用其提供的原生服务来实现功能共享，因为这样的效率会高很多。

用SuperMap iServer Java的SDK来实现各地GIS系统之间的功能，还需要改点SDK的源代码（其js SDK代码是开源的，那么我就改点代码）。

首先看看调用查询功能，这个功能主要是为了实现在两地地图服务聚合后，本系统查询聚合地图源数据的内容。为什么搞的这么麻烦呢？因为本系统的数据服务中没有你想查询的数据内容，只能向聚合过来的源系统发送查询请求来实现，请看代码：

聚合后SQL查询聚合数据

1 function sqlqueryTiledMapLayer(){
2     var queryParam = new SuperMap.QueryParam();
3     queryParam.expectCount = 100;
4     layerParam = new SuperMap.QueryLayerParam();
5     layerParam.name = "World@world";
6     layerParam.sqlParam = new SuperMap.SqlParam();
7     layerParam.sqlParam.whereClause = "";
8     queryParam.queryLayerParams = new Array();
9     queryParam.queryLayerParams.push(layerParam);
10     //queryParam.customParams用来传递一些聚合服务的源Url和地图名称，从而帮助Ajax请求向源系统发送
11     queryParam.customParams = new Array();
12     queryParam.customParams.push("TiledMapLayer");
13     queryParam.customParams.push("World");
14     queryParam.customParams.push("http://192.168.44.125:7080/demo/commonhandler");
15     var needHighlight = true;
16     var map = mapControl.getMap();
17     map.queryBySql(queryParam, needHighlight, onQueryComplete, onError);
18 }
19 function onQueryComplete(resultSets){
20     alert(resultSets.totalCount);
21 }
22 function onError(msg){
23     alert(msg);
24 }

有了这些还不够，上面的代码只是系统功能，下面还需要改改SuperMap.Map.js中_queryBase内容，因为_queryBase是直接用于向后台提交请求的接口，而源代码中_queryBase提交请求的地址都是本地系统的iServer服务地址，可是我们要查询的数据是来自于聚合服务的系统，因此这里写点代码，让请求能够发向上面代码中设置的地址去：

SuperMap.Map.js

1 _queryBase:function(methodName, paramNames, paramValues, onComplete, onError, userContext){
2     ......
3     ......
4         onCompleteArray.push(onQueryComplete);
5         ///////////////////////////////////////////////////////////////////
6         ///////////////////////////////////////////////////////////////////
7         var tiledMapName;
8         var tiledUrl;
9         if(paramValues[0].customParams != null && paramValues[0].customParams.length > 0){
10             var customParams = paramValues[0].customParams;
11             if(customParams[0] == "TiledMapLayer"){
12                 tiledMapName = customParams[1];
13                 tiledUrl = customParams[2];
14                 SuperMap.Committer.commitAjax(tiledMapName, tiledUrl, methodName, paramNames, paramValues, false, onCompleteArray, onError, userContext);
15             }else{
16                 SuperMap.Committer.commitAjax(this._params.mapName, this.queryUrl, methodName, paramNames, paramValues, false, onCompleteArray, onError, userContext);
17             }
18         }
19         ///////////////////////////////////////////////////////////////////
20         ///////////////////////////////////////////////////////////////////

......

ok，查询的请求发送到了该发送的地址了。

下面看看编辑功能，思路上和查询的实现过程差不多，直接看代码：

聚合后编辑聚合数据

1 function addEntityTiledMapLayer(){
2     var layername = "World@world";
3     var layertype = 5;
4     var needHighlight = true;
5     var customParam = new Array();
6     customParam.push("TiledMapLayer");
7     customParam.push("World");
8     customParam.push("http://192.168.44.125:7080/demo/commonhandler");
9     var addEntityAction = new SuperMap.UI.AddEntityAction(layername, layertype, needHighlight, onAddEntityComplete, onError, customParam);
10     mapControl.set_action(addEntityAction);
11 }
12 function onAddEntityComplete(editResult){
13     if(editResult.succeed)    alert("succeed");
14     else alert("failed");
15 }

然后修改两个文件，其中一个是SuperMap.UI.Action.js，另一个还是SuperMap.Map.js ，这里以增加地物为例

代码

SuperMap.UI.AddEntityAction=function(layerName, layerType, needHighlight, onComplete, onError, customParam){
    this._customParam = customParam;
    ......
    ......
        SuperMap.UI.AddEntityAction.prototype={
            ......
            ......
           _onAddEntityComplete:function(editResult){
                ......
                ......
            onClick:function(e){
                ......
               ......
                this._mapControl.getMap().addEntity(this._layerName, entity, this._needHighlight, onAddEntityCompleteDelegate, this._onError, this._customParam);
                ......
                ......
            onDblClick:function(e){
                ......
               ......
                this._mapControl.getMap().addEntity(this._layerName, entity, this._needHighlight, onAddEntityCompleteDelegate, this._onError, this._customParam);
                ......
                ......
                this._mapControl.getMap()._t = new Date().getTime();
                this._mapControl.getMap().addEntity(this._layerName, entity, this._needHighlight, onAddEntityCompleteDelegate, this._onError, this._customParam);
    ......
    ......
};

SuperMap.Map.js

_editBase:function(mapName, methodName, paramNames, paramValues, onComplete, onError, userContext){
        ......
        var lockID = new Date().getTime().toString() + Math.floor(Math.random( )*1000000000);
        paramNames.push("lockID");
        paramValues.push(lockID);
        ///////////////////////////////////////////////////////////////////
        ///////////////////////////////////////////////////////////////////
        var tiledMapName;
        var tiledUrl;
        if(paramValues[3] != null && paramValues[3].length > 0){
            var customParam = paramValues[3];
            if(customParam[0] == "TiledMapLayer"){
                tiledMapName = customParam[1];
                tiledUrl = customParam[2];
                SuperMap.Committer.commitAjax(tiledMapName, tiledUrl, methodName, paramNames, paramValues, false, onCompleteArray, onError, userContext);
            }else{
                SuperMap.Committer.commitAjax(mapName, this.queryUrl, methodName, paramNames, paramValues, false, onCompleteArray, onError, userContext);
            }
        }
        ///////////////////////////////////////////////////////////////////
        ///////////////////////////////////////////////////////////////////

ok，这样编辑功能也完成了。

3、其他说明

（1）功能聚合可以做到查询系列、编辑系统和专题图系列，这里没有列出专题图，因为我也没有考虑好究竟怎样实现比较理想；

（2）关于功能共享（数据互操作）的安全性，这是系统建设必须要考虑的，上面实现的代码没有包含权限管理的内容，建议采用SuperMap提供的扩展Map机制，使用Session来进行权限管理。

（3）文中的代码没有详细的注释，也没有仔细整理过，是直接贴上来的，可能存在漏洞，请谅解。

以上就是利用SuperMap iServer Java 2.0 JS SDK做的一些服务聚合，功能共享的工作，供参考。

posted @ 2009-12-04 15:09 dulvyizhihua 阅读(1466) 评论(0) 编辑收藏举报

刷新页面返回顶部

多级部署下的SuperMap iServer 2.0 JS 聚合功能（一）

公告