动态删除谷歌地图中的特定标记

我遇到了这个问题，我遇到了这个问题，但我没有得到答案。我有这个观点，每个观点都有一个类别。我需要在过滤器中显示这些数据：当我们加载页面时 - 所有点，当我们通过过滤器选择一个类别 - 在地图上需要属于所选类别的显示点。我检查未检查的类别ID是否等同于标记类别ID。但标记不会被删除。我做错了什么？这是我的代码：动态删除谷歌地图中的特定标记

function ajaxLoad(dataForm,urlAction,flag){ 
    $.ajax({ 
     data:dataForm, 
     type: 'POST', 
     url:urlAction, 
     success:function(data){ 
      var data = JSON.parse(data); 
      var i; 
      var a; 
      // get all unchecked categories 
      var unchecked = ($("input:checkbox:not(:checked)")); 
      markers = []; 
      for (i = 0; i < data.length; i++) { 

       point = new google.maps.LatLng(data[i][1], data[i][2]); 
       marker = new google.maps.Marker({ 
        position: point, 
        icon:data[i][4], 
        title:data[i][0], 
        //id category 
        id:data[i][5] 

       }); 
       var content; 
       if(data[i][3]) { 
        google.maps.event.addListener(marker, 'click', (function (marker, i) { 
         return function() { 
          infowindow.setContent(data[i][3]); 
          infowindow.open(map, marker); 
         } 
        })(marker, i)); 
       } 

       marker.setMap(map); 
       marker.setMap(null); 
       markers[i] = marker; 

       if(flag === true){ 
        for (a = 0; a < unchecked.length; a++) { 
         var marker = markers[i]; 
         //check if unchecked category id == markers category id 
         if(markers[i].id != unchecked[a].value){ 
          marker.setMap(null); 
         } 

        } 
       } 


      } 
      map.setCenter(marker.getPosition()); 
     }, 
     error:function(data){console.log(data)} 
    }); 
} 
$(document).ready(function(){ 
    map = new google.maps.Map(document.getElementById('map'), { 
     zoom: 13, 
     center: new google.maps.LatLng(50.7498176,25.3192401), 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
     scrollwheel: false, 
    }); 
    infowindow = new google.maps.InfoWindow(); 
    //show all 
    ajaxLoad(1,"<?php echo Yii::app()->controller->createUrl('/advertise/default/getMap')?>",false); 
    ($('input[type="checkbox"]').on('click',function(){ 
    var data = $('#form-filter').serialize(); 
    //filter category 
    ajaxLoad(data,"<?php echo Yii::app()->controller->createUrl('/advertise/default/filterMap')?>",true); 

    })); 
    });

来源

2015-12-08 YuriiChmil

我解决了！只需设置：

for(i=0; i<markers.length; i++){ 
     markers[i].setMap(null); 
    }

前阿贾克斯查询和删除的那件：

  if(flag === true){ 
       for (a = 0; a < unchecked.length; a++) { 
        var marker = markers[i]; 
        //check if unchecked category id == markers category id 
        if(markers[i].id != unchecked[a].value){ 
         marker.setMap(null); 
        } 

       }

来源

2015-12-09 13:37:23 YuriiChmil

动态删除谷歌地图中的特定标记

回答

相关问题