Как иметь разные размеры для инфобокса в Google Maps?

Question

Я использую информационный блок (элемент управления, который наследуется для google.maps.InfoWindow) для создания информационных окон. Но у меня возникла проблема, потому что у меня разные размеры инфобокса, поэтому я не могу использовать CSS-свойство width, и мне нужно знать ширину, чтобы изменить pixeloffset для размещения значка в середине инфобокса.

Я использую Google API V3 и использую этот код JavaScript:

var boxText = document.createElement("div");
    boxText.style.cssText = "border: 1px solid black; margin-top: 8px; background: yellow; padding: 5px;";
    boxText.innerHTML = alertJson.innerHTML;
    var myOptions = {
             content: boxText
            ,disableAutoPan: false
            ,maxWidth: "280px"
            ,pixelOffset: new google.maps.Size(-140, 0)
            ,zIndex: null
            ,boxStyle: { 
              background: "url('img/tipbox.gif') no-repeat"
              ,opacity: 0.75
              //,width: "280px"
             }
            ,closeBoxMargin: "10px 2px 2px 2px"
            ,closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif"
            ,infoBoxClearance: new google.maps.Size(1, 1)
            ,isHidden: false
            ,pane: "floatPane"
            ,enableEventPropagation: false
    };

tipbox.gif - это значок, который мне нужен, чтобы разместить в середине инфобокса, и pixelOffset свойство, которое мне нужно изменить.

Я пытался изменить свойство width на auto, но оно не сработало.

Answer 1

Предполагается, что вы открываете поля для события маркера:

хранит все конкретные данные (ширина, содержимое и т. Д.) Внутри объекта маркера.Вы сможете получить к ним доступ через функцию обратного вызова событий и сможете установить параметры для инфобокса, прежде чем открывать его.