Removing a Marker in Google Maps API v3

Question

I'm trying to remove a marker that was initialized like this:

marker = new google.maps.Marker({     position: latLng,     map: map,     draggable: true,     animation: google.maps.Animation.DROP,     title: 'Marker 1',     icon: redPin });  google.maps.event.addListener(marker, "click", function() {     showMarkerDialog(marker.position, "marker"); });  google.maps.event.addListener(marker, "dblclick", function() {     // Add a alert: Are you sure you want to remove this marker?      map.removeOverlay(marker); }); 

Everything works perfectly except that when I double click it to remove what I get on the Error Console is this:

TypeError: Object # has no method 'removeOverlay'

What am I doing wrong?

Answer 1

There is no removeOverlay function on the map object. Sounds like you've got only one marker, why use an array? Just change this:

google.maps.event.addListener(marker, "dblclick", function() {     map.removeOverlay(marker); }); 

to this:

marker.addListener("dblclick", function() {     marker.setMap(null); });