mapserver с вызовом WMS с openlayers

Question

Я сценарий ниже:

карта отображается под слоем TiledWMS со стороны сервера карт. Имеет 2 слоя.

1. Слой TiledWMS для карты мира OSM.

2. Слой TiledWMS для слоев, определенных в файле kml, размещенном на mapserver через файл.map. Этот файл карты содержит много слоев.

Теперь, когда пользователь нажимает на карту: он получил 2 слоя, как указано выше.

Но так как 2-й слой состоит из разных слоев, как указано в файле.map, я не могу однозначно идентифицировать эти слои. Я хочу, чтобы, так как 2-й слой состоит из разных слоев в файле kml, я должен быть в состоянии однозначно идентифицировать их по щелчку мыши или мыши.

Спасибо сатпал

Answer 1

Я могу получить это: ниже приведен код сэйпла для других.

    var coord = evt.coordinate;
    var pixel = $scope.map.getPixelFromCoordinate(coord);
    var viewProjection = $scope.map.getView().getProjection();
    var viewResolution = $scope.map.getView().getResolution();
    var numberOfLayersOnMap = $scope.map.getLayers();
    var feature = $scope.map.forEachFeatureAtPixel(pixel, function(feature, layer){return feature;}, null, function(layer) {return true;});
    if(feature === undefined)
    {
        $scope.map.forEachLayerAtPixel(pixel, function (layer) 
        {
            if(!layer)
            {
                return ;
            }
            var urlWMSGetFeatureInfo = layer.getSource().getGetFeatureInfoUrl(coord, viewResolution, viewProjection, {
                    'INFO_FORMAT': 'application/vnd.ogc.gml'
            });
            if(urlWMSGetFeatureInfo.indexOf("osm-google.map")<0)
            {
                $http({
                    method: 'GET',
                    url: urlWMSGetFeatureInfo,
                }).success(function(data){
                    var parser = new ol.format.WMSGetFeatureInfo();
                    var features = parser.readFeatures(data);
                    if(features.length>0)
                    {                               
                        var featureName = features[0].n.Name;
                        topOverlayElement.innerHTML = featureName;
                        $scope.highlightOverlay.setFeatures(new ol.Collection());
                        if($scope.flagLinkage == true)
                        {
                            var xmlObj = utility.StringToXML(data);
                            var xmlDocumnet = xmlObj.childNodes[0];
                            var layerNode = xmlDocumnet.children[0];
                            var gmlLayerNode = layerNode.children[0];
                            var layerName = gmlLayerNode.textContent;
                            var layerInfoObject = {};
                            layerInfoObject.layerName = layerName;
                            //layerInfoObject.placemarkName = featureName;
                            $scope.placemarksSelectedObject.push(layerInfoObject);
                            $scope.placemarksSelectedFeatureObject.push(features[0]);
                        }
                        else
                        {
                            $scope.placemarksSelectedFeatureObject.length = 0;
                            $scope.placemarksSelectedFeatureObject.push(features[0]);
                        }
                        $scope.highlightOverlay.setFeatures(new ol.Collection($scope.placemarksSelectedFeatureObject));
                        var featureDescription = features[0].n.description;
                        middleOverlayElement.innerHTML = (featureDescription === undefined) ? '' : featureDescription;
                        $scope.showOverlay(coord);
                    }
                }).error(function (data) {
                    console.log("Not able to get capabilty data.");         
                });
            }
            else
            {
                $scope.closeOverlay(evt);
            }
        });