title: Infobox position always towards centre of map in Bing Maps
body: <p>I am using Bing Maps v8 and I would like to get the Infobox to be a little smart on where it shows.</p>
  
  <p>Here is a <a href="http://codepen.io/Ciwan/pen/jVgwwP" rel="nofollow noreferrer">CodePen</a> of what I have. If you hover over the pushpin, you'll notice that the infobox shows towards the top and is thus cut off from view.</p>
  
  <pre><code>function loadMapScenario() {
    var map = new Microsoft.Maps.Map(document.getElementById('myMap'), {
      credentials: 'Your Key Here',
      center: new Microsoft.Maps.Location(51.50632, -0.12714)
    });
  
    var pinLocation = new Microsoft.Maps.Location(51.663088, -0.204133);
    var pushpin = new Microsoft.Maps.Pushpin(pinLocation, null);
    var infobox = new Microsoft.Maps.Infobox(pinLocation, { title: 'Map Center', description: 'London, UK', visible: false });
    infobox.setMap(map);
    Microsoft.Maps.Events.addHandler(pushpin, 'mouseover', function () { infobox.setOptions({ visible: true }) });
    map.entities.push(pushpin);
  }
  </code></pre>
  
  <p>Is there a way to make that smart, so that it always shows towards the centre of the map, this way it'll always be in view.</p>
  
  <p>I have <a href="https://blogs.bing.com/maps/2011/09/16/dev-tip-repositioning-an-infobox/" rel="nofollow noreferrer">found this</a> which moves the map about so that the infobox is within view, but that is not what I'm after. <em>I don't want the map moving about</em>, just the infobox to show towards the centre of the map.</p>