24

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?

duncan
  • 31,401
  • 13
  • 78
  • 99
Nathan Campos
  • 28,769
  • 59
  • 194
  • 300

1 Answers1

68

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);
});
duncan
  • 31,401
  • 13
  • 78
  • 99
  • What if I have multiple markers and want to remove a specific one? Could I reference "marker[index]"? – Bruno Vaz Feb 03 '16 at 18:02
  • 1
    Yes, have an array of all your markers, you can then reference them like that. – duncan Feb 03 '16 at 18:15
  • 1
    For anyone reading this answer you can read more on this link: https://developers.google.com/maps/documentation/javascript/examples/marker-remove – Paulo Oliveira Nov 22 '17 at 12:19