Vector examples display feature info on click again

examples/gpx.js

@@ -28,9 +28,7 @@ var map = new ol.Map({
   })
 });
 
-// FIXME support touch devices
-$(map.getViewport()).on('mousemove', function(evt) {
-  var pixel = map.getEventPixel(evt.originalEvent);
+var displayFeatureInfo = function(pixel) {
   map.getFeatures({
     pixel: pixel,
     layers: [vector],
@@ -43,4 +41,14 @@ $(map.getViewport()).on('mousemove', function(evt) {
       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);
 });

examples/kml-earthquakes.js

@@ -60,9 +60,7 @@ info.tooltip({
   trigger: 'manual'
 });
 
-// FIXME support touch devices
-$(map.getViewport()).on('mousemove', function(evt) {
-  var pixel = map.getEventPixel(evt.originalEvent);
+var displayFeatureInfo = function(pixel) {
   info.css({
     left: pixel[0] + '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);
 });

examples/kml-timezones.js

@@ -82,9 +82,7 @@ info.tooltip({
   trigger: 'manual'
 });
 
-// FIXME support touch devices
-$(map.getViewport()).on('mousemove', function(evt) {
-  var pixel = map.getEventPixel(evt.originalEvent);
+var displayFeatureInfo = function(pixel) {
   info.css({
     left: pixel[0] + '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);
 });

examples/kml.js

@@ -39,9 +39,7 @@ var map = new ol.Map({
   })
 });
 
-// FIXME support touch devices
-$(map.getViewport()).on('mousemove', function(evt) {
-  var pixel = map.getEventPixel(evt.originalEvent);
+var displayFeatureInfo = function(pixel) {
   map.getFeatures({
     pixel: pixel,
     layers: [vector],
@@ -54,4 +52,14 @@ $(map.getViewport()).on('mousemove', function(evt) {
       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);
 });

examples/vector-layer.js

@@ -64,9 +64,7 @@ var map = new ol.Map({
   })
 });
 
-// FIXME support touch devices
-$(map.getViewport()).on('mousemove', function(evt) {
-  var pixel = map.getEventPixel(evt.originalEvent);
+var displayFeatureInfo = function(pixel) {
   map.getFeatures({
     pixel: pixel,
     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);
 });