Question

我想使用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>

JAVASCRIPT

$(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

此代码以全屏模式显示谷歌地图，其中包含一些显示或隐藏图层的复选框。我需要复选框也在fancybox中。我的问题是TRIGGER "CLICK"，如果我选中任何复选框，它就像按钮点击一样。

这jsfiddle并不像我的真实代码，但它可以提供服务。如果单击复选框，则不能关闭fancybox。

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

对不起我的英文：/

Fancybox按钮点击谷歌地图谁

0 个答案: