Google Maps Api - удаление маркера щелчком мыши - PullRequest
Новая
       16

Google Maps Api - удаление маркера щелчком мыши

3 голосов
/ 21 сентября 2011

У меня проблема с удалением маркера по щелчку мыши.Ну, дело не так просто, как кажется. 

function addPoint(event) {
path.insertAt(path.length, event.latLng);

var marker = new google.maps.Marker({
  position: event.latLng,
  map: map
});
markers.push(marker);
google.maps.event.addListener(marker, 'click', function() {
  marker.setMap(null);
  markers.splice(i, 1);
  }
);

Если бы я использовал этот код, сразу добавить слушателя при создании маркера, удалить его было бы легко, потому что я ссылаюсь на marker.setMap(null);.Но в моем случае я хочу, чтобы они были созданы, а затем я хочу добавить к ним прослушиватель событий, используя 

function usun(){
for (var i=0; i<markersArray.length; i++){
    google.maps.event.addListener(marker, 'click', function() {
        alert('lol');
    });
}

Я перемещаю каждый маркер на markersArray, что позволяет мне добавлять событие к каждому изэто сейчас, но как я могу удалить его?Когда я помещаю marker.setMap(null); вместо предупреждения, он говорит, что маркер не определен, и я не знаю, как я могу ссылаться на маркер, который я только что нажал: S также не может использовать маркер в качестве глобальной переменной, потому что я получаю Uncaught TypeError: Cannot read property '__e3_' of undefined ошибку.

РЕДАКТИРОВАТЬ: если я пытаюсь использовать 

function usun(){
for (var i=0; i<markersArray.length; i++){
    google.maps.event.addListener(markersArray[i], 'click', function() {
        markersArray[i].setMap(null);
    });
}

}, я получаю ошибку Uncaught TypeError: Cannot call method 'setMap' of undefined.Вот почему я был уверен, что мне нужно использовать «маркер».

1 Ответ

1 голос
/ 21 сентября 2011

В вашем цикле for вы не ссылаетесь на маркер в массиве.

попробуйте это: 

function usun(){
for (var i=0; i < markersArray.length; i++){

    google.maps.event.addListener(markersArray[i], 'click', function() {
        this.setMap(null);
    });

}

рабочий пример: http://jsfiddle.net/52nJc/1/

...