У меня есть несколько булавок на карте и несколько методов, позволяющих мне щелкнуть булавку, и появится информационное окно. Кажется, это работает нормально, за исключением того, что само информационное поле находится под булавками. Я пытался установить zIndex как для контактов, так и для информационного поля различными способами, но информационное поле все равно находится ниже контактов. Любые мысли о том, как этого добиться?
Отображение информационного окна в Bingmaps v7 над пинами
Ответы (4)
Для меня установка стиля .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-индексом, но, по-видимому, она есть.
Для меня сработало следующее, не очень приятно, но лучше, чем булавки над информационным полем.
<style type="text/css">
.Infobox
{
z-index:150;
}
</style>
Установите эти три значения в Infobox:
zIndex: google.maps.Marker.MAX_ZINDEX + 1, панель: "floatPane", enableEventPropagation: false
Работал для меня.
У меня есть два разных типа канцелярских кнопок - у каждого типа есть информационное поле. Я установил zIndex первого набора кнопок на -2, второго набора кнопок на -1 и оставил информационное окно в покое, так как ему было все равно, на что я установил zIndex.