信息框位置始终朝向Bing地图中的地图

Question

我正在使用Bing地图v8，并且我想让信息框在显示的位置变得有点智能。

这是我所拥有的CodePen。如果您将鼠标悬停在图钉上，您会注意到信息框向顶部显示，因此被切断。

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); 
} 

有没有办法让这个智能，让它总是显示在地图的中心，这样它将始终在视图中。

我有found this它移动地图，使信息框内的视图，但这不是我以后。 我不想让地图移动大约，只是信息框显示朝向地图中心。

Answer 1

有一个自定义信息框模块可用，提供了这个确切的功能。它会重新定位，以便它始终处于视野之中。您可以在此处找到此模块：http://bingmapsv7modules.codeplex.com/wikipage?title=Custom%20Infobox%20Control

它受Bing Maps V7和V8支持。