我尝试从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], ...
我在这里缺少什么?
答案 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
。有人能解释一下原因吗?