在引脚上方的Bingmaps v7中显示信息框

Question

我在地图上有许多引脚和一些方法可以让我点击一个引脚，信息框会弹出。除了信息框本身低于引脚之外，这似乎工作得很好。我尝试过多种不同方式设置引脚和信息框的zIndex，但信息框仍低于引脚。有关如何实现这一目标的任何想法？

Answer 1

对我来说，设置.Infobox样式不起作用，但将信息框包装在它自己的实体集合中，并在其上设置zIndex，确实有效。在尝试此选项之前，我还尝试了很多关于在我的图钉和图钉集实体上设置zIndex的变体。也许我们看到这种行为只是因为我们将pushpins放在他们自己的实体集合中，但是试图单独添加InfoBox。

一些适合我的示例代码：

var infoBox = CreateMyInfoBox(); // create the Microsoft InfoBox here.
var entityCollectionInfoBox = new Microsoft.Maps.EntityCollection({zIndex:2000});
entityCollectionInfoBox.push(infobox)
map.entities.push(entityCollectionInfoBox);

在信息框上直接设置高z-Index并将其包装在具有高z-Index的EntityCollection中之间没有明显的语义差异，但显然存在。

Answer 2

对我来说，以下工作，不是很好，但比信息框上方的引脚更好

<style type="text/css">
  .Infobox
  {
    z-index:150; 
  }
</style>

Answer 3

在信息框上设置这三个值：

  

zIndex：google.maps.Marker.MAX_ZINDEX + 1，   窗格：“floatPane”，   enableEventPropagation：false

对我有用。

Answer 4

我有两种不同类型的图钉 - 每种类型都有一个信息框。我将第一组图钉的zIndex设置为-2，将第二组图钉设置为-1并单独留下信息框 - 因为它不关心我将zIndex设置为什么。