API Google Maps v3 : comment supprimer tous les marqueurs ?

Question

Dans l'API Google Maps v2, si je voulais supprimer tous les marqueurs de carte, je pouvais simplement le faire :

map.clearOverlays();

Comment faire dans l'API de Google Maps v3 ?

En regardant le API de référence c'est pas clair pour moi.

Answer 1

Je ne sais pas pourquoi, mais, la mise setMap(null) à mes marqueurs ne fonctionne pas pour moi lorsque j'utilise DirectionsRenderer .

Dans mon cas, j'ai dû appeler setMap(null) à mon DirectionsRenderer également.

Quelque chose comme ça :

var directionsService = new google.maps.DirectionsService();
var directionsDisplay = new google.maps.DirectionsRenderer();

if (map.directionsDisplay) {
    map.directionsDisplay.setMap(null);
}

map.directionsDisplay = directionsDisplay;

var request = {
    origin: start,
    destination: end,
    travelMode: google.maps.TravelMode.DRIVING
};

directionsDisplay.setMap(map);
directionsService.route(request, function (result, status) {
    if (status == google.maps.DirectionsStatus.OK) {
        directionsDisplay.setDirections(result);
    }
});

Answer 2

Il suffit de marcher sur les marqueurs et de les retirer de la carte, puis de vider le tableau des marqueurs de la carte :

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

Answer 3

Effacer Googlemap

mGoogle_map.clear();

Answer 4

J'ai essayé toutes les solutions proposées, mais rien n'a fonctionné pour moi tant que tous mes marqueurs étaient sous un cluster. Finalement, j'ai juste mis ceci :

var markerCluster = new MarkerClusterer(map, markers,
    { imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m' });
agentsGpsData[agentGpsData.ID].CLUSTER = markerCluster;

//this did the trick
agentsGpsData[agentId].CLUSTER.clearMarkers();

En d'autres termes, si vous enroulez des marqueurs dans un cluster et que vous voulez supprimer tous les marqueurs, vous appelez :

clearMarkers();

Answer 5

La réponse la plus votée en haut de la page est correcte, mais si vous n'avez qu'un seul marqueur à la fois (comme c'est le cas dans ma situation) et qu'à chaque fois que vous avez besoin de supprimer l'emplacement précédent de ce marqueur et d'en ajouter un nouveau, vous n'avez pas besoin de créer un tableau entier de marqueurs et de le gérer à chaque push et pop, vous pouvez simplement créer une variable pour stocker l'emplacement précédent de votre marqueur et la mettre à null lors de la création d'un nouveau marqueur.

// Variable globale pour contenir l'emplacement du marqueur.

var previousMarker ;

//en ajoutant un nouveau marqueur

    if(previousMarker != null)
previousMarker.setMap(null);

var marker = new google.maps.Marker({map: resultsMap, position: new google.maps.LatLng(lat_, lang_)});
previousMarker = marker;