retirer le marqueur précédent avant d'ajouter de nouveaux marqueurs dans google maps

J'ai ci-dessous le code pour afficher le marqueur à l'endroit que je clique sur la carte. Sa fonctionne parfaitement et la chose est que je veux supprimer le dernier marqueur de carte lors de l'ajout de nouveau marqueur. Où je dois apporter des modifications à fonctionner parfaitement.

       google.maps.event.addListener(map, "click", function (e) {

                    latLng = e.latLng;

                    console.log(e.latLng.lat());
                    console.log(e.latLng.lng());

                    image = clientURL + "/common/images/markers/red.png";
                    console.log("Marker");
                    marker = new google.maps.Marker({
                        position: latLng,
                        map: map,
                        icon: image
                    });


                });

J'ai référencé nombreux liens qui ne marche pas pour mon cas Pour supprimer les marqueurs avant d'ajouter de nouveaux Marqueurs

OriginalL'auteur Karthikeyan Pandian | 2016-03-15

  1. 3

    Similaire à la réponse que vous avez accédé à votre question, vous devez maintenir une référence mondiale pour le dernier marqueur ajouté à la carte (le marqueur précédent retiré).

    var map;
var previousMarker; //global variable to store previous marker
function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    center: {
      lat: -34.397,
      lng: 150.644
    },
    zoom: 8
  });
  map.addListener('click', function(e) {
      //if the previousMarker exists, remove it
      if (previousMarker)
        previousMarker.setMap(null);

      latLng = e.latLng;

      console.log(e.latLng.lat());
      console.log(e.latLng.lng());

      //image = clientURL + "/common/images/markers/red.png";
      console.log("Marker");
      previousMarker = new google.maps.Marker({
        position: latLng,
        map: map
      });
    }

  );
}

    OriginalL'auteur bwegs

  2. 1

    Dans le code HTML et ajouter google map api clé

    <div id="map_div" style="width:100%;height:85px;"></div>

    Dans le code javascript

    var add_marker = null,map = null;  //Declare vaiable

//map load 
map = new google.maps.Map(document.getElementById('map_div'),{
      zoom:10,
      position: new google.maps.LatLng(11.342423,77.728165),
      mapTypeId: google.maps.MapTypeId.ROADMAP
});

//first time map load set marker static
add_marker = new google.maps.Marker({
      map:map,
      position:new google.maps.LatLng(11.342423,77.728165),
      zoom:10
});

map.addListener("click",function(e){
    if(add_marker != null) {            //already set marker to clear
       add_marker.setMap(null);
       add_marker = null;
    }

    //Dynamic to set marker based on click event
    add_marker = new google.maps.Marker({
            map:map,
            position:new google.maps.LatLng(e.latLng.lat(),e.latLng.lng()),
            zoom:10
    });
});

    OriginalL'auteur P.Surendar