Google Maps API 3. Text selection in overlays

Question

How to make a text selection in my overlays? Now my overlays inactive for text selection and creates a zoom when i double-click in overlay.

http://img121.imageshack.us/img121/9022/overlayph.png

Answer 1

Please see the document, the static function preventMapHitsAndGesturesFrom probably is what you want.

preventMapHitsAndGesturesFrom(element) Parameters:

element:  Element

Return Value: None Stops click, tap, drag, and wheel events on the element from bubbling up to the map. Use this to prevent map dragging and zooming, as well as map "click" events.

https://developers.google.com/maps/documentation/javascript/reference/overlay-view#OverlayView.preventMapHitsAndGesturesFrom

Answer 2

You need to cancel the propagation of events on the overlay so they do not bubble up to the map. The most commmon events would be click, mousedown, mouseup, mousemove, mouseenter, mouseleave but it just depends what you want to do.

So add an event listener to your base div that contains the overlay and add:

google.maps.events.addDomListener(theDiv, theEvent, function(e) {
  e.cancelBubble = true;
  if (e.stopPropagation) {
    e.stopPropagation();
  }
});