Отображение инфобокса в Bingmaps v7 над булавками

Question

У меня есть несколько булавок на карте и несколько метеодов, чтобы я мог щелкнуть по булавке, и всплывет информационный блок. Похоже, что это работает нормально, кроме самого информационного ящика ниже булавок. Я пытался установить zIndex для выводов и инфобокса несколькими различными способами, но все же инфобокс находится ниже выводов. Есть мысли о том, как этого добиться?

Answer 1

Для меня установка стиля .Infobox не сработала, но упаковка инфобокса в его собственную коллекцию сущностей и установка zIndex для этого сработали.Я также попробовал довольно много вариантов установки zIndexes на моих кнопках и объектах коллекции кнопок, прежде чем попробовать эту опцию.Возможно, мы наблюдаем это поведение только потому, что мы помещаем кнопки в их собственные коллекции сущностей, но пытаемся отдельно добавить 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-индекса непосредственно в информационном блоке и переносом его в EntityCollection с высоким z-индексом, но, очевидно, это так.

Answer 2

У меня есть два разных типа кнопок - у каждого типа есть инфобокс. Я установил zIndex первого набора кнопок в -2, второй набор кнопок -1 и оставил инфобокс в одиночестве - так как мне было все равно, какой я установил zIndex.

Answer 3

Установите эти три значения в информационной строке:

zIndex: google.maps.Marker.MAX_ZINDEX + 1, панель: "floatPane", enableEventPropagation: false

Работал на меня.

Answer 4

Для меня сработало следующее, не очень хорошее, но лучше, чем наличие выводов над инфобоксом

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