Google maps api 3 选择链接或复选框以显示类别标记

我在尝试告诉Javascript做我想让它做的事情时有些纠结

我有一个示例地图，左侧的spry菜单中有类别。我希望这些类别是可点击的，只显示该类别的标记

我想： 1.装载时隐藏标记 2.当你点击一个类别（例如“吃”、“银行”等）时，我只想显示该类别中的标记

*如果在菜单中创建一个复选框使这更容易，我愿意这样做。我只是挂在地图的这一部分，需要继续前进

---

有人能帮忙吗？有些东西告诉我这是一个很容易解决的问题。

如果您想将标记保留在单独的类别中，请为每个类别的标记创建一个数组，并使用它们存储每组标记。然后执行以下操作：

要在加载时隐藏标记，请创建标记，但将标记映射属性设置为

null

：

var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
var myOptions = {
    zoom: 4,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var marker = new google.maps.Marker({
    position: myLatlng,
    map: null,
    title:"Hello World!"
});

要仅显示给定类别中的标记，请侦听应触发标记显示的事件，然后设置标记的映射属性：

for ( var i = 0; i < markerCategoryArray.length; i++ ) {
    markerCategoryArray[i].setMap( map );
}

for（变量i=0；i

如果要将标记保留在单独的类别中，请为每个类别的标记创建一个数组，并使用它们存储每组标记。然后执行以下操作：

要在加载时隐藏标记，请创建标记，但将标记映射属性设置为

null

：

var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
var myOptions = {
    zoom: 4,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var marker = new google.maps.Marker({
    position: myLatlng,
    map: null,
    title:"Hello World!"
});

要仅显示给定类别中的标记，请侦听应触发标记显示的事件，然后设置标记的映射属性：

for ( var i = 0; i < markerCategoryArray.length; i++ ) {
    markerCategoryArray[i].setMap( map );
}

for（变量i=0；i

我从没有多个类别数组的情况下获得了一条如何执行此操作的线索。更重要的是，出现了以下情况

var gmarkers = [];
var marker = new google.maps.Marker({
    position: latlng,
    icon: gicons[category],
    shadow: iconShadow,
    map: map,
    title: name,
    zIndex: Math.round(latlng.lat()*-100000)<<5
});
// === Store the category and name info as a marker properties ===
marker.mycategory = category;                                 
marker.myname = name;
gmarkers.push(marker);

var-gmarkers=[]；
var marker=new google.maps.marker({
位置：latlng，
图标：gicons[类别]，
影子：iconShadow，
地图：地图，
标题：姓名，
zIndex:Math.round（latlng.lat（）*-100000）我从没有多个类别数组的情况下得到了一条如何做到这一点的线索

var gmarkers = [];
var marker = new google.maps.Marker({
    position: latlng,
    icon: gicons[category],
    shadow: iconShadow,
    map: map,
    title: name,
    zIndex: Math.round(latlng.lat()*-100000)<<5
});
// === Store the category and name info as a marker properties ===
marker.mycategory = category;                                 
marker.myname = name;
gmarkers.push(marker);

var-gmarkers=[]；
var marker=new google.maps.marker({
位置：latlng，
图标：gicons[类别]，
影子：iconShadow，
地图：地图，
标题：姓名，
zIndex:Math.round（latlng.lat（）*-100000）Hmmm…我尝试了第一个选项，但它删除了所有标记，即使我在菜单中单击它们（仅显示信息窗口）.目前，我没有任何类别，因为我正忙于如何使用现有的地图和功能创建它们。嗯……我尝试了第一个选项，但即使在我的菜单中单击它们时，它也删除了所有标记（仅显示信息窗口）.目前，我还没有分类，因为我正忙于如何使用我现在拥有的地图和功能创建分类。