我喜欢隐藏/查看一组标志物的与所述插件gomap(地图)等的位置:http://www.pittss.lv/jquery/gomap/solutions/group.html隐藏/查看一组与gomap-插件标记
现在我与隐藏/观看意识到这只有一个标记:
$(function() {
$("#map_canvas").goMap({
latitude: 46.839,
longitude: 9.285,
zoom: 15 ,
scaleControl: true,
maptype: 'ROADMAP',
markers: [{
latitude: 46.839,
longitude: 9.285,
id: 'biketour1',
group: 'bike',
icon: 'pic/Kategorien/icon_bike.png',
html: {
content: 'Das ist die Biketour1',
popup:false
}
},{
...
}
}],
});
});
$("#bike-check").click(function() {
$.goMap.showHideMarker('bike');
});
您能否解释我如何才能实现组的隐藏/查看?我已经带班尝试过,但这个是不工作...
更新:
$(".parentcheck").click(function() {
var group = $(this).attr("id");
switch (group) {
case "bike-check":
showhidemarker("bike");
break;
case "event-check":
//and so on
break;
}
});
/*! show/hiding markergroup
*
* @ groupid Group id string
* @ true Optional boolean to set the visibility to a specific value. If omitted, markers will toggle.
*/
function showhidemarker(groupid){
for (var i in $.goMap.markers) {
$.goMap.showHideMarker($.goMap.markers[i], false);
console.log("it works");
}
$.goMap.showHideMarkerByGroup(groupid, true);
}
这里的HTML(通过点击复选框,标记应可见或不可见)
...
<ul>
<li class="checkbox">
<input id="bike-check" class="parentcheck" name="parentcheck" type="checkbox" checked="checked" value="Bike" />
<p>Bike</p>
</li>
<li class="checkbox">
<input id="event-check" class="parentcheck" type="checkbox" checked="checked" value="Events" />
<p>Events</p>
</li>
</ul>
...
问题是,这个方法:$ .goMap.showHideMarkerByGroup(groupid,true); 不能正常工作。
通过点击自行车复选框消除事件中的标记 - 但通过点击复选框自行车,自行车上的标记应该消失!
有什么不对?