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

Vector examples display feature info on click again

Browse Source
This commit is contained in:
Éric Lemoine
2013-10-17 15:16:50 +02:00
parent 4c7f30c139
commit 4008ab7f6c
5 changed files with 55 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
examples/gpx.js
View File

@@ -28,9 +28,7 @@ var map = new ol.Map({
}) })
}); });
// FIXME support touch devices var displayFeatureInfo = function(pixel) {
$(map.getViewport()).on('mousemove', function(evt) {
var pixel = map.getEventPixel(evt.originalEvent);
map.getFeatures({ map.getFeatures({
pixel: pixel, pixel: pixel,
layers: [vector], layers: [vector],
@@ -43,4 +41,14 @@ $(map.getViewport()).on('mousemove', function(evt) {
document.getElementById('info').innerHTML = info.join(', ') || ' '; document.getElementById('info').innerHTML = info.join(', ') || ' ';
} }
}); });
};
$(map.getViewport()).on('mousemove', function(evt) {
var pixel = map.getEventPixel(evt.originalEvent);
displayFeatureInfo(pixel);
});
map.on('click', function(evt) {
var pixel = evt.getPixel();
displayFeatureInfo(pixel);
}); });

14
examples/kml-earthquakes.js
View File

@@ -60,9 +60,7 @@ info.tooltip({
trigger: 'manual' trigger: 'manual'
}); });
// FIXME support touch devices var displayFeatureInfo = function(pixel) {
$(map.getViewport()).on('mousemove', function(evt) {
var pixel = map.getEventPixel(evt.originalEvent);
info.css({ info.css({
left: pixel[0] + 'px', left: pixel[0] + 'px',
top: (pixel[1] - 15) + 'px' top: (pixel[1] - 15) + 'px'
@@ -82,4 +80,14 @@ $(map.getViewport()).on('mousemove', function(evt) {
} }
} }
}); });
};
$(map.getViewport()).on('mousemove', function(evt) {
var pixel = map.getEventPixel(evt.originalEvent);
displayFeatureInfo(pixel);
});
map.on('click', function(evt) {
var pixel = evt.getPixel();
displayFeatureInfo(pixel);
}); });

14
examples/kml-timezones.js
View File

@@ -82,9 +82,7 @@ info.tooltip({
trigger: 'manual' trigger: 'manual'
}); });
// FIXME support touch devices var displayFeatureInfo = function(pixel) {
$(map.getViewport()).on('mousemove', function(evt) {
var pixel = map.getEventPixel(evt.originalEvent);
info.css({ info.css({
left: pixel[0] + 'px', left: pixel[0] + 'px',
top: (pixel[1] - 15) + 'px' top: (pixel[1] - 15) + 'px'
@@ -104,4 +102,14 @@ $(map.getViewport()).on('mousemove', function(evt) {
} }
} }
}); });
};
$(map.getViewport()).on('mousemove', function(evt) {
var pixel = map.getEventPixel(evt.originalEvent);
displayFeatureInfo(pixel);
});
map.on('click', function(evt) {
var pixel = evt.getPixel();
displayFeatureInfo(pixel);
}); });

14
examples/kml.js
View File

@@ -39,9 +39,7 @@ var map = new ol.Map({
}) })
}); });
// FIXME support touch devices var displayFeatureInfo = function(pixel) {
$(map.getViewport()).on('mousemove', function(evt) {
var pixel = map.getEventPixel(evt.originalEvent);
map.getFeatures({ map.getFeatures({
pixel: pixel, pixel: pixel,
layers: [vector], layers: [vector],
@@ -54,4 +52,14 @@ $(map.getViewport()).on('mousemove', function(evt) {
document.getElementById('info').innerHTML = info.join(', ') || '&nbsp'; document.getElementById('info').innerHTML = info.join(', ') || '&nbsp';
} }
}); });
};
$(map.getViewport()).on('mousemove', function(evt) {
var pixel = map.getEventPixel(evt.originalEvent);
displayFeatureInfo(pixel);
});
map.on('click', function(evt) {
var pixel = evt.getPixel();
displayFeatureInfo(pixel);
}); });

14
examples/vector-layer.js
View File

@@ -64,9 +64,7 @@ var map = new ol.Map({
}) })
}); });
// FIXME support touch devices var displayFeatureInfo = function(pixel) {
$(map.getViewport()).on('mousemove', function(evt) {
var pixel = map.getEventPixel(evt.originalEvent);
map.getFeatures({ map.getFeatures({
pixel: pixel, pixel: pixel,
layers: [vector], layers: [vector],
@@ -77,4 +75,14 @@ $(map.getViewport()).on('mousemove', function(evt) {
' '; ' ';
} }
}); });
};
$(map.getViewport()).on('mousemove', function(evt) {
var pixel = map.getEventPixel(evt.originalEvent);
displayFeatureInfo(pixel);
});
map.on('click', function(evt) {
var pixel = evt.getPixel();
displayFeatureInfo(pixel);
}); });