如何从谷歌地图上删除旧标记放置一个新标记？

Question

我已经用标记加载了默认的Google地图，并且不得不用当前标记删除以前的标记。 我在页面加载之前使用了googolle mpa和initiazlie函数

请检查下面的代码，并进一步说明如何实现此目的。

$(document).ready(function() {
var markers = [];

//var markers = [];
var track_click = 0; //track user click on "load more" button, righ now it is 0 click

var total_pages = 4;
var page;

$.ajax({
    url:"<?php echo base_url('search_jobs/fetch_jobs')?>",
      type: "POST",
       dataType: 'json', 
    beforeSend: function(){
    $('#loader-icon').show();
    },
    complete: function(){
    $('#loader-icon').hide();
    },
    success: function (result) {  



    //alert("hi");
    $('#jobsfound').html(result.search_results);

        var list = result.map_array;

        var image = "<?php echo base_url(); ?>assets/images/pros_marker.png";


        $.each(list, function(index, value) {

                var newLatLng = new google.maps.LatLng(list[index].latitude, list[index].longitude);
            console.log(list[index].latitude, list[index].longitude);


              markers [index] = new google.maps.Marker({
      map: map
    });
     markers[index].setPosition(newLatLng); 
                    //markers.push(marker);


        })

        //initialize();
    }

    })


 $.ajax({
    url:"<?php echo base_url('search_jobs/fetch_jobs')?>",
      type: "POST",

    data:'location_checkboxes='+ values + '&budget_value=' + budget_value  + 
    '&job_dates=' + job_date  + '&page='+track_click,
     dataType: 'json', 
    beforeSend: function(){
    $('#loader-icon').show();
    },
    complete: function(){
    $('#loader-icon').hide();
    },
    success: function (result) {
         $('#jobsfound').html(result.search_results);
         //alert($("#test").text());
        //initialize();
        var list = result.map_array;
        var image = "<?php echo base_url(); ?>assets/images/pros_marker.png";
        $.each(list, function(index, value) {

            var lat = parseFloat(value.latitude);
             var lng = parseFloat(value.longitude);
            var newLatLng = new google.maps.LatLng(list[index].latitude, list[index].longitude);

                    //markers[index] = new google.maps.Marker({
  //                            position: newLatLng,
 //                         icon:image,
 //                         map: map,
   //                           draggable: false
   //                       });

              markers [index] = new google.maps.Marker({
      map: map
    });
     markers[index].setPosition(newLatLng); 
                     //markers.push(marker);

        })

    }
})      
    google.maps.event.addDomListener(window, 'load', initialize);

Answer 1

在初始化函数之前将标记设置为全局数组（请参考http://www.w3schools.com/googleapi/google_maps_basic.asp ）

var markers = [];

$(document).ready(function() {


//var markers = [];

//var markers = [];
var track_click = 0; //track user click on "load more" button, righ now it is 0 click

var total_pages = 4;
var page;

$.ajax({
    url:"<?php echo base_url('search_jobs/fetch_jobs')?>",
      type: "POST",
       dataType: 'json', 
    beforeSend: function(){
    $('#loader-icon').show();
    },
    complete: function(){
    $('#loader-icon').hide();
    },
    success: function (result) {  



    //alert("hi");
    $('#jobsfound').html(result.search_results);

        var list = result.map_array;

        var image = "<?php echo base_url(); ?>assets/images/pros_marker.png";


        $.each(list, function(index, value) {

            var contentString = '<div id="content">'+list[index].title+'</div>';


            var infowindow = new google.maps.InfoWindow({
                content: contentString
              });
                var newLatLng = new google.maps.LatLng(list[index].latitude, list[index].longitude);
            console.log(list[index].latitude, list[index].longitude);


             markers [index] = new google.maps.Marker({
                  icon:image,

                  map: map
            });

             markers[index].setPosition(newLatLng); 

              markers[index].addListener('mouseover', function() {
                infowindow.open(map, marker);
              });

                    //markers.push(marker);


        })

        //initialize();
    }

    })


 });