Trying to add a right-click delete marker function, to working left-click add marker code

Question

Hello and thanks in advance. The following modified sample google code creates markers upon left mouse clicks, and adds those markers to an array. That part works fine. I have tried to add a second event handler that deletes a marker if there is a right click on it. I've tried a lot of variations without success. It is my understanding that the use of marker.setMap(null) would set the associated array element to null, and remove the marker from the display. Thanks again! ``` Marker Test

Accepted Answer

You want the 'rightclick' event listener on the marker, not the map. Put it in the addMarker function:

```
function addMarker(location) {
        var marker = new google.maps.Marker({
        position: location,
        map: map
    });
    google.maps.event.addListener(marker, 'rightclick', function(event) {
        marker.setMap(null);
    });

markers.push(marker);
}
```

Note: this will remove the marker from the map, but won't remove it from the markers array.

Remove the one on the map, delete these lines:

```
google.maps.event.addListener(map, 'rightclick', function(event) {
            marker.setMap(null);
});
```

Trying to add a right-click delete marker function, to working left-click add marker code

Solution

Problem