ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

getFeatures method and featureInfo templates

Browse Source 
To avoid surprises for application developers, this change
creates a new getFeatures method. So it is clear now beforehand
whether features or feature info markup is returned. The result
is now also grouped by layer, so application developers always
have a link between a layer and the feature info it returns.

To make getFeatureInfo return markup for vector layers, this
change also adds a featureInfoFunction property to the vector
layer, which gives developers full control over how features are
rendered to feature info markup.
This commit is contained in:
ahocevar
2013-05-29 19:51:12 -06:00
parent 34becd6871
commit 77d22c4038
9 changed files with 155 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
examples/gpx.js
View File

@@ -15,7 +15,14 @@ var raster = new ol.layer.TileLayer({
var vector = new ol.layer.Vector({
source: new ol.source.Vector({
projection: ol.proj.get('EPSG:4326')
})
}),
featureInfoFunction: function(features) {
var info = [];
for (var i = 0, ii = features.length; i < ii; ++i) {
info.push(features[i].get('name') + ': ' + features[i].get('type'));
}
return info.join(', ');
}
});
var map = new ol.Map({
@@ -32,12 +39,8 @@ map.on(['click', 'mousemove'], function(evt) {
map.getFeatureInfo({
pixel: evt.getPixel(),
layers: [vector],
success: function(features) {
var info = [];
for (var i = 0, ii = features.length; i < ii; ++i) {
info.push(features[i].get('name') + ': ' + features[i].get('type'));
}
document.getElementById('info').innerHTML = info.join(', ') || '&nbsp;';
success: function(featureInfo) {
document.getElementById('info').innerHTML = featureInfo[0] || '&nbsp;';
}
});
});

17
examples/kml.js
View File

@@ -25,7 +25,14 @@ var epsg4326 = ol.proj.get('EPSG:4326');
var vector = new ol.layer.Vector({
source: new ol.source.Vector({
projection: epsg4326
})
}),
featureInfoFunction: function(features) {
var info = [];
for (var i = 0, ii = features.length; i < ii; ++i) {
info.push(features[i].get('name'));
}
return info.join(', ');
}
});
var map = new ol.Map({
@@ -46,12 +53,8 @@ map.on(['click', 'mousemove'], function(evt) {
map.getFeatureInfo({
pixel: evt.getPixel(),
layers: [vector],
success: function(features) {
var info = [];
for (var i = 0, ii = features.length; i < ii; ++i) {
info.push(features[i].get('name'));
}
document.getElementById('info').innerHTML = info.join(', ') || '&nbsp;';
success: function(featureInfo) {
document.getElementById('info').innerHTML = featureInfo[0] || '&nbsp';
}
});
});

14
examples/vector-layer.js
View File

@@ -28,7 +28,11 @@ var vector = new ol.layer.Vector({
})
]
})
]})
]}),
featureInfoFunction: function(features) {
return features.length > 0 ?
features[0].getFeatureId() + ': ' + features[0].get('name') : '&nbsp;';
}
});
var map = new ol.Map({
@@ -45,12 +49,8 @@ map.on(['click', 'mousemove'], function(evt) {
map.getFeatureInfo({
pixel: evt.getPixel(),
layers: [vector],
success: function(features) {
var info = [];
for (var i = 0, ii = features.length; i < ii; ++i) {
info.push(features[i].getFeatureId() + ': ' + features[i].get('name'));
}
document.getElementById('info').innerHTML = info.join(', ') || '&nbsp;';
success: function(featureInfo) {
document.getElementById('info').innerHTML = featureInfo[0];
}
});
});