地図上のすべてをクリアする方法

Question

私のデータベースからajaxリクエストでマーカーをマーカーに追加しています。これはレポート機能用ですので、日付の値に基づいてデータベースを照会しています。結果はマーカをマップに追加し、マーカ間にポリラインを追加します。

関数を実行する前に、すべてのマーカーとポリラインのマップ全体をクリアするにはどうすればよいですか？これは私のコードです：マーカーを取得し

jQueryの

var map = L.map('map').setView([-49.7770641, 45.660275],7); 
var markerArray = []; 
var latlngArray = []; 

$(document).ready(function() { 
    L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { 
     maxZoom: 20, 
    }).addTo(map); 
    getvehicles(); 
    var polyline = L.polyline(markerArray, {color: 'red'}).addTo(map); 
}); 

機能：

function getlocationsreport(){ 

    var deviceid = $("#selectid").val(); 
    var start = $("#start").val(); 
    var end = $("#end").val(); 
     $.ajax({ 
      type: "POST", 
      url: "functionhandlers/getlocations.php", 
      data: {deviceid:deviceid,start:start,end:end}, 
      dataType: 'json', 
      cache: false, 
     }) 
     .success(function(response) { 

      $('input').removeClass('error').next('.errormessage').html(''); 
      if(!response.errors && response.result) {        
       $.each(response.result, function(index, value) { 
        var latlng = L.latLng(value[7], value[8]); 
        markerArray.push(L.circleMarker(latlng,{radius:2}));   
        latlngArray.push(latlng);     
       }); 
       var group = L.featureGroup(markerArray).addTo(map); 
       var polyline = L.polyline(latlngArray, {color: 'red'}).addTo(map); 
       map.fitBounds(group.getBounds()); 
      } else { 
       $.each(response.errors, function(index, value) { 
        // add error classes 
        $('input[name*='+index+']').addClass('error').after('<div class="errormessage">'+value+'</div>') 
       }); 
      } 
     }); 
} 

Answer 1

私は空にループし、使用clearLayers（）メソッドのうちのグループを続けるだろうグループ。

// once for all 
var group = L.layerGroup().addTo(map); 

// in getlocationsreport 
group.clearLayers(); 

// in marker loop 
group.add(marker); 

// then polyline 
group.add(polyline); 

は私が必要なものだけhttp://leafletjs.com/reference.html#layergroup とhttp://plnkr.co/edit/bYFzdmE5FcYe07HnVKLg?p=preview