admin管理员组

文章数量:1333211

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 0
Add a ment  | 

3 Answers 3

Reset to default 8

Found 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.

本文标签: google maps api 3Marker on top of OverlayViewGoogleMaps API V3 JavaScriptStack Overflow