title: Get a feature info on map click in openlayers3 javascript
body: <p>i am <strong>trying to get feature information on map click using openlayers 3</strong> javascript with the help of the example <a href="https://openlayersbook.github.io/ch08-interacting-with-your-map/example-03.html" rel="nofollow noreferrer">popupinfo</a> </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>   
    var mmi =  new ol.layer.Tile({
        source: new ol.source.OSM()
      });
   
    var one =  new ol.layer.Image({
          source: new ol.source.ImageWMS({
          url: 'http://localhost:8080/geoserver/wms',
          params: {'LAYERS': 'cite:abc'},
    format: new ol.format.GeoJSON(),
          ratio: 1,
          serverType: 'geoserver'
        })
      });
          
    var map = new ol.Map({
      layers: [mmi,one],
      target: 'map',
      view: new ol.View({
      center: ol.proj.fromLonLat([73.6608, 29.8820]),
        zoom: 8
      })
   });
   
  
    map.on('click', function(evt) {
     var feature = map.forEachFeatureAtPixel(evt.pixel, function(feature, one) 
   {
  return feature;
     })
    });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://openlayers.org/en/v4.6.4/css/ol.css" rel="stylesheet"/&gt;
  &lt;script src="https://openlayers.org/en/v4.6.4/build/ol-debug.js"&gt;&lt;/script&gt;
  &lt;div id="map" class="map"&gt;&lt;/div&gt;
  &lt;div id="map" class="information"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>on my map click event the feature value is nothing.</strong> how to get the value of feature on clicking on it.</p>