Удаление титульных вкладок из InfoBubble, Google Maps API v3
Я работаю с InfoBubble прямо сейчас, и я не могу получить реальные вкладки / заголовки из моих InfoBubbles. Как скрыть вкладки? Просто чтобы прояснить, я имею в виду только саму вкладку вверху пузыря, а не всю область контента.
Есть ли пример, который я могу посмотреть, или какая-то документация, которая покрывает это?
Я предполагаю, что это должно быть, так как метка, показанная в мастере InfoBubble, не содержит вкладок, но я не вижу КАК, когда смотрю на источник. (Http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html/)
Это моя карта прямо сейчас, если она имеет значение: http://jsbin.com/ugabaz/3/
Спасибо!!!!
2 ответа
С некоторыми библиотеками вы можете использовать некоторые CSS, чтобы исправить это - проблема здесь в том, что они не дают вкладке хорошее имя или класс или что-либо, что можно получить с помощью селектора CSS.
Но вы можете обмануть!
ethiopiaInfoBubble.tabsContainer_.style['display'] = 'none'; // like this
Здесь мы используем собственный указатель infoBubble на узел dom для контейнера вкладок и заставляем его отображать ничего.
InfoBubbles вы используете, предназначены для использования вкладок, вот и весь смысл их...
Глядя на примеры здесь:http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html/
Я не вижу ни одного без вкладок, или какой-либо способ сделать один без.
Если вы просто хотите всплывающее окно без ярлыка, то почему бы не использовать стандартный infowindow отображать информацию? Вот для чего это все-таки.
Во всяком случае, если вы должны скрыть tab двумя способами.
Во-первых, просто передайте пустую строку параметру заголовка вкладки. Это остановит отображение текста, но вы все равно получите маленький квадрат.
т.е. ethiopiaInfoBubble.addTab('', ethiopiaContentString);
Во-вторых, вы можете отредактировать код InfoBuble так, чтобы встроенный CSS скрывал вкладку.
В частности, код, который пишет следующий элемент...
<div style="float: left; position: relative; cursor: pointer; background-color: rgb(127, 21, 66); border-width: 1px 1px 0px; border-style: solid; border-color: rgb(127, 21, 66); padding: 7.5px 15px 8.5px; margin-right: -15px; white-space: nowrap; border-top-left-radius: 0px; border-top-right-radius: 0px; z-index: 100; display: inline;" class=" _ibani_1563"></div>
Должен выводить просто...
<div style="display: none;" class= " whatever"></div>