search

allenhwkim / angularjs-google-maps

The Simplest AngularJS Google Maps V3 Directive
http://ngmap.github.io
MIT License
1.52k stars 516 forks source link

zindex not applied to custom markers when transfrom is enabled #864

Open lskalac opened 6 years ago

lskalac commented 6 years ago

I'm working on the project where we have a map with a lot of custom markers and there are the cases when one (A) overlaps the other one (B). In that case, I want to achieve that one part of marker A goes above and one part under the marker B. I tested it and I think that maybe the problem is in the transform property on custom-marker.

If you look into the following example: https://codepen.io/ivanronga/pen/ZxbdPb?editors=1100#0 grey circle of custom-marker first element is above custom-marker second element. But if you remove transform property from .custom-marker class, that circle will go under it.

Is there any way to disable calculating custom markers position with transform property, using just top and left properties?

allenhwkim commented 6 years ago

You may use z-index https://plnkr.co/edit/WnNdQhWIEPcrk4b4PFRu?p=preview