Problem: A responsive webapp shows a google map with markers that are clickable. On desktop everything works as expected, but on mobile the markers are not clickable.
Discussion: After debugging with chrome remote inspector, I found that a div->frame with opacity:0 was lying above (explicit z-index:2) the clickable markers.
I don’t know what this frame is for, but it covers the markers and its click events.
Workaround: The frame is only loaded when the user is logged into google. You can remove this frame by removing “signed_in” from the script tag.
Version: https://maps.googleapis.com/maps/api/js on 23.2.2016. Chrome 48 on Android 5.1.1,