选中/取消选中所有按钮以显示/隐藏所有标记 Google 地图 api

Question

谁能帮我解决以下问题：我从几个来源结合了一些 javascript 来制作一个带有下拉菜单的谷歌地图。从这个菜单中，我可以按类别在地图上放置/隐藏标记。 那部分工作正常，但现在我试图让菜单内的“检查所有”/“取消检查所有”按钮工作......到目前为止，这些按钮确实检查/取消选中复选框，但地图上的标记是没有相应的响应。

我尝试了几个选项，例如 Remove all markers google map v3 & Google Maps API v3: How to remove all markers? & Hide particular marker google maps api

直到现在我无法让它工作......（我的基本 javascript 知识非常有限......） 谁能给个提示？

这是一个有效的小提琴

 `http://jsfiddle.net/n86zxopp/`

Answer 1

请检查此http://jsfiddle.net/n86zxopp/2/

我已经更新了你的点击功能，比如

function check() {
  $('input[type="checkbox"]').prop("checked", true).change();
}

function uncheck() {
  $('input[type="checkbox"]').prop("checked", false).change();
}