CODEWITHSUNDEEP
google-mapsgoogle-maps-api-3
flackjap
flackjap

Reputation: 89

Undo drawing a polygon vertex (google maps API v3)

I'm trying to find a way to create an undo button for drawing that works similarly to the undo button that is available while editing the polygon.

To be more precise, whenever a user inserts a point on the map which is for example a vertex of a polygon, he should have an option to undo his last (point/vertext) insertion.

Currently it doesn't exist as an existing functionality and I was hoping that it would be easy to implement it in the application I'm developing, but to me it seems there's no way to approach to the objects and layers created on the map before they are complete.

It's either that in v3 API there's almost everything exposured except this, or that I'm looking at the wrong place.

Apart from 'polygoncomplete' there are no other useful drawing events for shapes and it seems that the maintaned state for drawing activities is deeply rooted and scattered as I couldn't just go and replace map object and canvas elements with their previous versions.

Any hopes?

Upvotes: 1

Views: 3017

Answers (1)

shukshin.ivan
shukshin.ivan

Reputation: 11340

I've created script based on google manual for vertex deleting. The main function is simple, prototype is based on google.maps.OverlayView.

function DeleteMenu() {
  this.div_ = document.createElement('div');
  this.div_.className = 'delete-menu';

  var menu = this;
  google.maps.event.addDomListener(this.div_, 'click', function(e) {
    menu.removeVertex();    
    e.stopPropagation();
  });
}
DeleteMenu.prototype = new google.maps.OverlayView();

Gist with code is here. Use jsbin sandbox to play with it.

View example page, just click on the map to build your path, you can see undo button.

Upvotes: 1

Related Questions