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

Add example, and use getFeatures in other examples

Browse Source 
The new dedicated getfeatureinfo example shows how to combine
feature info from a WMS and a vector layer. The other examples
that previously used getFeatureInfo from vector layers now use
the more appropriate getFeatures.
This commit is contained in:
ahocevar
2013-07-31 17:47:16 +02:00
parent 4dd148a731
commit 5acff857e7
6 changed files with 146 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
examples/gpx.js
View File

@@ -15,14 +15,7 @@ var vector = new ol.layer.Vector({
source: new ol.source.Vector({
parser: new ol.parser.GPX(),
url: 'data/gpx/yahoo.xml'
}),
transformFeatureInfo: 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({
@@ -36,11 +29,16 @@ var map = new ol.Map({
});
map.on(['click', 'mousemove'], function(evt) {
map.getFeatureInfo({
map.getFeatures({
pixel: evt.getPixel(),
layers: [vector],
success: function(featureInfo) {
document.getElementById('info').innerHTML = featureInfo[0] || '&nbsp;';
success: function(featuresByLayer) {
var features = featuresByLayer[0];
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;';
}
});
});