title: How to get Map Pixels
body: <p>Here is code example of openlayers 3 to create a map - </p>
  
  <pre><code>&lt;script&gt;
  var map = new ol.Map({
    layers: [
      new ol.layer.Tile({
        source: new ol.source.MapQuest({layer: 'sat'})
      }),
      vectorLayer
    ],
    target: 'map',
    view: new ol.View({
      center: [0, 0],
      zoom: 1
    })
  });
  
  var highlightStyleCache = {};
  
  var featureOverlay = new ol.FeatureOverlay({
    map: map,
    style: function(feature, resolution) {
      var text = resolution &lt; 5000 ? feature.get('name') : '';
      if (!highlightStyleCache[text]) {
        highlightStyleCache[text] = [new ol.style.Style({
          stroke: new ol.style.Stroke({
            color: '#f00',
            width: 1
          }),
          fill: new ol.style.Fill({
            color: 'rgba(255,0,0,0.1)'
          }),
          text: new ol.style.Text({
            font: '12px Calibri,sans-serif',
            text: text,
            fill: new ol.style.Fill({
              color: '#000'
            }),
            stroke: new ol.style.Stroke({
              color: '#f00',
              width: 3
            })
          })
        })];
      }
      return highlightStyleCache[text];
    }
  });
  
  var highlight;
  var displayFeatureInfo = function(pixel) {
  
    var feature = map.forEachFeatureAtPixel(pixel, function(feature, layer) {
      return feature;
    });
  
    var info = document.getElementById('info');
    if (feature) {
      info.innerHTML = feature.getId() + ': ' + feature.get('name');
    } else {
      info.innerHTML = '&amp;nbsp;';
    }
  
    if (feature.get('name')=='Pakistan') {
      /*if (highlight) {
        featureOverlay.removeFeature(highlight);
      }*/
      if (feature) {
        featureOverlay.addFeature(feature);
      }
      highlight = feature;
    }
  
  };
  
  /*$(map.getViewport()).on('load', function(evt) {
    var pixel = map.getEventPixel(evt.originalEvent);
    displayFeatureInfo(pixel);
  });
  */
  map.on('click', function(evt) {
    displayFeatureInfo(evt.pixel);
  });
  
   &lt;/script&gt;
  </code></pre>
  
  <p>I want to pass pixel to <code>displayFeatureInfo</code> without using <code>click event</code> i want to use <code>load</code> event instead - but its not working!</p>
  
  <pre><code>  map.on('load', function(evt) {
        displayFeatureInfo(evt.pixel);
      });
  </code></pre>
  
  <p>OR </p>
  
  <pre><code>map.load(function(evt) {
            displayFeatureInfo(evt.pixel);
          });
  </code></pre>