Magnific-popup не открывается из кнопки внутри информационного блока Google Maps

У меня есть информационный блок, который открывается при нажатии на маркер карты Google. Внутри инфобокса есть кнопка# Открытым всплывающее окно» что при нажатии следует открыть модальное окно magnificPopup, но ничего не происходит.

В качестве теста я поместил ту же кнопку вне div, содержащего карту Google, которая открывает модальное окно, но только при втором нажатии! Что здесь происходит?

Я пробовал все виды вещей в течение нескольких дней, но у всех были худшие побочные эффекты.

Любая помощь будет высоко ценится.

HTML-код для кнопки внутри информационного блока:

Open popup
Inline popup

HTML-код для кнопки вне карты Google Maps:

Open popup
Inline popup

JS:

myapp.triggerClick = function (){
  google.maps.event.trigger(gmarkers[id],"click")
};

var infoboxOptions = {
             content: ''
            ,disableAutoPan: false
            ,alignBottom: true
            ,maxWidth: 0
            ,pixelOffset: new google.maps.Size(0, 0)
            ,zIndex: 1000
            ,boxStyle: {
              background:''
              ,opacity: 0.9
             }
            ,closeBoxMargin: "4px 4px 0 0"
            ,closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif"
            ,infoBoxClearance: new google.maps.Size(1,1)
            ,isHidden: false
            ,pane: "floatPane"
            ,enableEventPropagation: false
        };
var ib = new InfoBox(infoboxOptions);

function createMarker(latlng, html, id) {
    var contentString = html;
    var marker = new google.maps.Marker({
        position: latlng,
        map: map
        //zIndex: Math.round(latlng.lat()*-100000)