Openlayers 3:在一个层

时间:2016-03-24 12:33:09

标签: properties openlayers-3 geojson

我尝试从geojson文件中获取属性"SCHULNAME"

以下是geojson文件的摘录:

{"type":"FeatureCollection",

"crs":{"type":"name","properties":{"name":"urn:ogc:def:crs:OGC:1.3:CRS84"}},

"features":[{"type":"Feature","properties":{"spatial_name":"01A01",
    "spatial_alias":"1. Schulpraktisches Seminar (S) Mitte",
    "spatial_type":"Point",
    "SCHULNAME":"1. Schulpraktisches Seminar (S) Mitte",
    "SCHULART":"Schulpraktisches Seminar",
    "TRAEGER":"Bezirk",
    "ZWEIG_01":"Schulpraktisches Seminar",
    "ZWEIG_02":null,
    "ZWEIG_03":null,
    "ZWEIG_04":null,
    "BEZIRK":"Mitte",
    "ORTSTEIL":"Wedding",
    "PLZ":"13353",
    "ADRESSE":"Tegeler Str. 16",
    "TELEFON":"4677779713",
    "FAX":"4677779720",
    "EMAIL":"<a href=\"mailto:1.sps-mitte@gmx.de\">1.sps-mitte@gmx.de</a>",
    "INTERNET":null,"LEITUNG":null},
"geometry":{"type":"Point",
    "coordinates":[13.35812948892163,52.54071751171907]}},...

以下是使用属性打开弹出窗口的功能:

map.on('singleclick', function(evt) {
    var feature = map.forEachFeatureAtPixel(evt.pixel,
              function(feature, layer) {
                return feature;
              });
    if (feature) {
    var coordinate = evt.coordinate;
    var printCoord = ol.proj.transform(feature.getGeometry().getCoordinates(), 'EPSG:3857','EPSG:4326');
    var printProps = feature.getProperties();
    PopupContent.innerHTML =    '<table style="width:100%">'+
                                '<tr>' + '<td>'+'<b>Coordinates:</b> ' + Math.round( printCoord[1] * 100 ) / 100 + 'N, ' + Math.round( printCoord[0] * 100 ) / 100 +'E' +'</td>'+'</tr>'+
                                '<tr>'+'<td>'+"<b>Name:</b> " +printProps.SCHULNAME+'</td>'+'</tr>'+
                                '</table>';
    Popup.setPosition(coordinate);


    }});

坐标显示正确。对于属性"SCHULNAME",我得到结果undefined。但是,如果我对以下geojson文件及其属性"name"使用相同的代码,则它可以完美地运行:

{"type":"FeatureCollection",
"features":[{"type":"Feature","properties":{"name":"Mitte",
    "description":"",
    "cartodb_id":1,
    "created_at":"2013-09-03T12:32:04+0200",
    "updated_at":"2013-09-03T12:32:04+0200"},
"geometry":{"type":"MultiPolygon",
    "coordinates":[[[[13.403528,52.540212], ...

我在这里缺少什么?

1 个答案:

答案 0 :(得分:0)

我发现问题的原因是什么,但我很感激您的解释,因为我不明白为什么会发生这种情况。

我为第一个geojson图层创建了ol.source.Cluster,并将该ol.layer.Vector图层的来源引用到该群集来源:

var schoolCluster = new ol.source.Cluster({
    source:new ol.source.Vector({
        url: 'Schools.geojson',
        format: new ol.format.GeoJSON(),
    })
});

var Schools = new ol.layer.Vector({
    source: schoolCluster,
    style: iconStyleSchools
  });

但不知何故,当我直接在矢量图层中引用源而没有任何像这样的集群时,它只能用于获取属性:

var Schools = new ol.layer.Vector({
    source:new ol.source.Vector({
        url: 'Schools.geojson',
        format: new ol.format.GeoJSON(),
    }),
    style: iconStyleSchools
  });

使用此代码,我可以从geojson文件中获取所需的所有属性,并且不再获得任何undefined。有人能解释一下原因吗?