Php 使用谷歌地图和复选框进行过滤

Php 使用谷歌地图和复选框进行过滤,php,javascript,google-maps-api-3,Php,Javascript,Google Maps Api 3,我需要帮助: 当用户单击输入checbox时,我必须创建一个显示标记的地图 例如: 我点击“hotels”,我只看到酒店。 我不再点击酒店,地图上的标记消失了 守则: <script type="text/javascript"> (function() { window.onload = function(){ var latlng = new google.maps.LatLng(37.8530665, 15.287916300000006); var options

我需要帮助: 当用户单击输入checbox时,我必须创建一个显示标记的地图

例如: 我点击“hotels”,我只看到酒店。 我不再点击酒店,地图上的标记消失了

守则:

<script type="text/javascript">

(function() {
window.onload = function(){




var latlng = new google.maps.LatLng(37.8530665, 15.287916300000006); 
var options = { 
zoom: 14,
center: latlng,
backgroundColor: '#fff',
mapTypeId: google.maps.MapTypeId.ROADMAP
}; 



var map = new google.maps.Map(document.getElementById('map_canvas'), options);

var markers = new Array(); 

$(".chek").click(function() {

if($(this).is(':checked')) {

var id_checkbox = $(this).val();

$.post("ajax.php?page=mapHome",{ id_checkbox:id_checkbox }, function(data) {    
for (i=0; i < data.marker.length; i++) { 

var marker = new google.maps.Marker({
position: new google.maps.LatLng(data.marker[i].latitude, data.marker[i].longitude), 
animation: google.maps.Animation.DROP,
map: map,
title: data.marker[i].nome,
icon: data.marker[i].marker
});

markers[i] = marker;
markers[i].id_cat = data.marker[i].id_cat; 

}// for
},"json");//json
} else {

//hide markers on the map
for (i = 0; i < markers.length; i++) {
if(id_checkbox == markers[i].id_cat) {
markers[i].setMap(null);
}
}


}




});


}
})();
</script>

(功能(){
window.onload=函数(){
var latlng=新的google.maps.latlng(37.8530665,15.287916300006);
变量选项={
缩放:14,
中心:拉特林,
背景颜色:“#fff”,
mapTypeId:google.maps.mapTypeId.ROADMAP
}; 
var map=new google.maps.map(document.getElementById('map_canvas'),选项);
var markers=新数组();
$(“.chek”)。单击(函数(){
如果($(this).is(':checked')){
var id_checkbox=$(this.val();
$.post(“ajax.php?page=mapHome”,{id_checkbox:id_checkbox},函数(数据){
对于(i=0;i
我通过json进行查询并显示结果。

我看到
setMap(null)但无
setMap(map)