openlayers 3 получить слой для выбранной функции

Question

Я пытаюсь получить «id» слоя для выбранной функции и попробовал, возможно, 3 или 4 метода для достижения этого, но еще не достиг этого.

добавить свои функции, как это ...

angular.forEach(response.FieldList, function (Field, key) { 
       if (Field.FieldID != "") { 
        var shape = response.FieldList[key].Shape; 
        shape = shape.replace('}', ',"id":' + '"' + Field.FieldID + '"' + '}'); 
        var geoJsonObj = { 
         'type': 'Feature', 
         'geometry': JSON.parse(shape), 
         'name': Field.FieldID, 
         'id': Field.FieldID 

        } 
        var vectorSource = new ol.source.Vector({ 
         features: (new ol.format.GeoJSON()).readFeatures(geoJsonObj) 
        }); 

         Fields[Field.FieldID] = new ol.layer.Vector({ 
         projection: 'EPSG:4269', 
         source: vectorSource, 
         id: Field.FieldID, 
         name: 'Fields', 
         style: function (feature, resolution) { 
          var text = resolution * 100000 < 10 ? response.FieldList[key].Acres : ''; 

          if (text != "") { 
           styleCache[text] = [new ol.style.Style({ 
            stroke: new ol.style.Stroke({ 
             color: '#319FD3', 
             width: 1 
            }), 
            text: new ol.style.Text({ 
             font: '12px Calibri,sans-serif', 
             text: text, 
             fill: new ol.style.Fill({ 
              color: '#000' 
             }), 
             stroke: new ol.style.Stroke({ 
              color: '#fff', 
              width: 3 
             }) 
            }), 
            fill: new ol.style.Fill({ 
             color: rcisWebMapUtilities.convertHex(response.FieldList[key].Shade, '0.5') 
            }) 
           })]; 
          } 
          else if (text == "") { 
           styleCache[text] = [new ol.style.Style({ 
            fill: new ol.style.Fill({ 
             color: rcisWebMapUtilities.convertHex(response.FieldList[key].Shade, '0.5') 
            }) 
           }) 
           ] 
          } return styleCache[text]; 
         } 


         }); 



         webMapValues.vectorFieldLayer.push(Fields[Field.FieldID]) 
         webMapValues.fieldValues.push({ 
          color: response.FieldList[key].Shade, 
          plantingName: response.FieldList[key].CropNickName, 
          acres: response.FieldList[key].Acres, 
          cropId: response.FieldList[key].CropID, 
          cropNumber: response.FieldList[key].CropNumber, 
          fieldID: response.FieldList[key].FiledID, 
          fieldName: response.FieldList[key].FieldName, 
          legalDesc: response.FieldList[key].LegalDesc, 
          policyNum: response.FieldList[key].PolicyNumber 
         }) 
         var found = $filter('filter')(webMapValues.legend, { plantingName: response.FieldList[key].CropNickName }, true); 
         if (found == 0) { 
          webMapValues.legend.push({ 
           color: response.FieldList[key].Shade, 
           plantingName: response.FieldList[key].CropNickName       
          }) 
         } 
       } 
      }); 

, как вы можете видеть, что я пытаюсь установить «идентификатор» во многих местах ... даже изменения в формате GeoJSON включить «идентификатор», но кажется, что его отбрасывают как-то, а его нет, когда я хочу его использовать?

Я использую map.on «нажмите кнопку», как это ...

map.on('click', function (evt) { 
     var pixel = map.getEventPixel(evt.originalEvent); 
     displayFeatureInfo(evt.pixel, evt.coordinate); 

     //var coordinate = evt.coordinate; 


    }) 

и этот код для выполнения блика ...

var highlight; 
    var displayFeatureInfo = function (pixel,coordinate) { 

     var feature = map.forEachFeatureAtPixel(pixel, function (feature) { 
      var id = Opelayers magic to get layer id; 
      return feature; 
     }); 

     var info = document.getElementById('info'); 
     if (feature) { 
      info.innerHTML = feature.getId() + ': ' + feature.get('name'); 


     } else { 
      info.innerHTML = ' '; 
     } 

     if (feature !== highlight) { 
      if (highlight) { 
       featureOverlay.getSource().removeFeature(highlight); 
      } 
      if (feature) { 
       featureOverlay.getSource().addFeature(feature); 
       document.getElementById('popup-content').innerHTML = '<p>It is working</p>'; 
       popup.setPosition(coordinate); 
      } 

      highlight = feature; 
     } 

    }; 

feature.getId() и feature.get('name') возвращения неопределенного?

после того, как я получу функцию, я хотел бы получить «идентификатор» слоя, на котором он находится. так, вероятно, в этом коде ...

var feature = map.forEachFeatureAtPixel(pixel, function (feature) { 
      var id = Opelayers magic to get layer id; 
      return feature; 
     }); 

Возможно ли это? любая помощь очень ценится !!

Answer 1

Посмотрите на ol.Feature. Кажется, что нет встроенного способа получения содержащего источника (или слоя), в котором находится эта функция. Таким образом, у вас есть два варианта, по крайней мере, так, как я их вижу.

Первый выбор, чтобы сохранить свой код как (с помощью map.forEachFeatureAtPixel ...) но убедитесь, что для каждой функции, до того места, которое вы называете mySource.addFeature(myFeature), вы звоните set(key, value, opt_silent), где ключ будет sourceId (или layerId), и значение будет вашим идентифицирующим значением для содержащего источника (или слоя). Таким образом, OpenLayers MaGiC для получения идентификатора уровня будет представлен как feature.get('layerId').

Второй вариант, вместо того, чтобы использовать map.forEachFeatureAtPixel, рассмотреть возможность использования что-то вдоль линий:

// When there is a single click on the map. 
map.on('singleclick', function(evt) { 
    // Get all features at the event's coordinate for mySource1 and for mySource2 separately. 
    var clickedFeatures1 = mySource1.getFeaturesAtCoordinate(evt.coordinate); 
    var clickedFeatures2 = mySource2.getFeaturesAtCoordinate(evt.coordinate); 
    .... 
} 

Таким образом, вы знаете, кто родительский источник для каждой функции, потому что вы попросите родителей напрямую. clickedFeatures1 и clickedFeatures2 - это массивы, один из которых, конечно, может быть пустым.

Что касается идентификатора и имени функции, имеет ли атрибут такие атрибуты, когда он добавлен? Если нет, перед добавлением функции, выполните следующие строки:

myFeature.setId(42); 
myFeature.set('name', 'foo'); 
mySource.addFeature(myFeature);