Javascript Fancybox，带按钮，点击谷歌地图

我想用fancybox显示一个大地图（谷歌地图）。这是我的代码：

HTML

<input type="button" id="fancyLaunch" value="open fancybox" onclick='$("#divMapaGlobal").trigger("click");'/>
<div id="divMapaGlobal">
    <div id="divMapa" class="googleMapsMunicipios">
        <div id="map_canvas_1" class="mapa_canvas"></div>
    </div>
    <div id="capas_mapa">
        <div>
            <input type="checkbox" checked id="Capa_1" onclick="chequearCapas();" />
            <label>Capa 1</label>
        </div>
        <div>
            <input type="checkbox" checked id="Capa_2" onclick="chequearCapas();" />
            <label>Capa 2</label>
        </div>
        <div>
            <input type="checkbox" checked id="Capa_3" onclick="chequearCapas();" />
            <label>Capa 3</label>
        </div>
    </div>
</div>

这段代码以全屏模式显示谷歌地图，并带有一些复选框来显示或隐藏图层。我需要复选框也在fancybox中。我的问题是

触发“单击”

，如果我选中任何复选框，它的工作原理与按钮单击类似

这不像我真正的代码，但它可以服务。如果单击复选框，fancybox不能关闭

如何使用带有按钮和一些额外html代码的fancybox

对不起，我说的是英语：/

$(document).ready(function(){
    $("#divMapaGlobal").fancybox({
        'width': '100%',
        'height': '100%',
        'autoSize': false,
                    
        'afterShow': function(){
            document.getElementById("divMapaGlobal").style.height="85%";
            document.getElementById("divMapa").style.height="100%";
            //document.getElementById("capas_mapa").style.height="80%";
            google.maps.event.trigger(map_1, "resize");
            chequearCapas();
        },
                    
        'onCleanup': function() {
            var myContent = this.href;
            $(myContent).unwrap();
        }, // fixes inline bug
                    
        'afterClose': function () {
            document.getElementById("divMapaGlobal").removeAttribute("style");
            document.getElementById("divMapa").removeAttribute("style");
            //document.getElementById("capas_mapa").removeAttribute("style");
            initialize_1();
            chequearCapas();
        }
    });
}); // ready