谷歌地图自定义下拉框与复选框

Question

我有一个小问题与复选框集成在谷歌地图控件。

在谷歌地图API v3文档中，它说你可以使用“自定义控件”（https://developers.google.com/maps/documentation/javascript/examples/control-custom），但没有关于下拉框的内容。我在网上冲浪，发现了布里亚纳·沙利文的这个例子：

http://vislab-ccom.unh.edu/~briana/examples/gdropdown/index.html

它显示了一个下拉菜单，其中的复选框集成在谷歌地图控件中。

我能够在我的网络上做到这一点，我用更多的东西编码了它。在该示例中，当您选中复选框时，会显示一个基本警报。在我的例子中，当我选中一个复选框时，谷歌地图标记被隐藏，当再次单击同一个复选框时，谷歌地图标记再次可见。

我使用一个下拉菜单，每个标记类别有一个复选框。这样，我可以显示/隐藏地图中每个类别的每个标记。

我的问题是，我不知道如何从Javascript中选中复选框，也不知道如何初始化默认选中的复选框。

你能帮我选中那些复选框而不用鼠标点击它们吗？

这里我不使用JSFIDLE示例，因为我在上面链接的Briana示例中包含了所有内容。

谢谢

编辑：添加代码...

var checkOptions0 = {
    gmap: map,
    title: "aaa",
    id: "1",
    label: "aaa",
    action: function(){
        showhide("1");
    }
}
var check0 = new checkBox(checkOptions0);
var checkOptions1 = {
    gmap: map,
    title: "bbb",
    id: "2",
    label: "bbb",
    action: function(){
        showhide("2");
    }
}
var check1 = new checkBox(checkOptions1);
var ddDivOptions = {
    items: [check0, check1],
    id: "myddOptsDiv"
}
var dropDownDiv = new dropDownOptionsDiv(ddDivOptions);               
var dropDownOptions = {
    gmap: map,
    name: 'Boxes',
    id: 'ddControl',
    title: 'Boxes',
    position: google.maps.ControlPosition.TOP_RIGHT,
    dropDown: dropDownDiv
}
var dropDown1 = new dropDownControl(dropDownOptions);

function showhide(category) {
    for (var i=0; i<gmarkers.length; i++) {
        if (gmarkers[i].id == category) {
            estado = gmarkers[i].getVisible();
            gmarkers[i].setVisible(!estado);
        }
    }
}

“gmarkers”是一个数组，包含地图上打印的每个标记。“gmarkers[i].id”是每个标记的类别，当单击复选框时，在其上定义的id等于复选框的每个标记将在地图上隐藏/显示。

Answer 1

终于找到了解决办法。我想前几天我没那么聪明：D

Briana使用的脚本是：http://vislab-ccom.unh.edu/~briana/examples/gdropdown/gdropdown.js

修改它并在之后添加新行

bDiv.id = options.id;

这种方式：

bDiv.id = options.id;
bDiv.style.display = options.display == "" ? "none" : options.display;

现在，您可以定义是否要使用新选项“display”初始化复选框；使用两个值：“无”或“块”。

然后，使用新选项“显示”设置我自己问题中显示的复选框选项：

var checkOptions0 = {
    gmap: map,
    title: "aaa",
    id: "1",
    label: "aaa",
    action: function(){
        showhide("1");
    },
    display: 'block'
}

谢谢@geocodezip！！：）