How can I render a custom OverlayView item behind a marker. When a marker and the overlayView item intersects, always overlayview item is drawn on top. Is there a way to adjust their z depth accordingly ?
Thanks
How can I render a custom OverlayView item behind a marker. When a marker and the overlayView item intersects, always overlayview item is drawn on top. Is there a way to adjust their z depth accordingly ?
Thanks
Share Improve this question asked Apr 13, 2012 at 7:02 eenkoexeenkoex 532 silver badges7 bronze badges 03 Answers
Reset to default 8Found the answer here.
In the onAdd
method replace:
panes.overlayImage.appendChild(div);
with:
panes.mapPane.appendChild(div);
The overlayLayer
pane is also rendered below the markers:
var panes = this.getPanes(); panes.overlayLayer.appendChild(div);
You'll probably need to adjust the z-order of the contents of the OverlayView, as outlined here. Make the DOM nodes in the OverlayView have lower z-order values than the marker.