Richmarker not showing in streetview
Opened this issue · 2 comments
GoogleCodeExporter commented
Demo link or sample code:
http://google-maps-utility-library-v3.googlecode.com/svn/trunk/richmarker/exampl
es/richmarker.html
What steps will reproduce the problem?
1. Set the custom marker with the inline html - "<div style="padding: 2px;
background: #0f0">hello</div>" and click on 'set marker html' button
2. Drag to appropriate spot by zooming in applicable.
3. Grab the streetview marker and drop it into the spot where the richmarker
should appear
Expected result: The richmarker should appear in the streetview
Actual result:
It is not showing at all in the streetview
Version: Revision 469
Browser / Operating System:
Chromium, Firefox, OS: ArchLinux
Additional comments:
[Enter any additional comments about the bug here.]
*********************************************************
Tip: Star this issue (next to title) to receive notifications of status
changes against this issue, also used as a gauge for how many people are
interested in seeing it resolved.
*********************************************************
Original issue reported on code.google.com by tommie.b...@gmail.com
on 2 May 2014 at 10:19
GoogleCodeExporter commented
On closer inspection, when using firebug or chromium developer tools, it seems
that the marker is indeed visible and present, but the streetview appears to
overlay "on top" of the marker thus rendering it "invisible".
This is a live dump of the page with inspection:
<div style="-webkit-transform: translateZ(0px); position: absolute; left: 0px;
top: 0px; z-index: 105; width: 100%;"><div style="position: absolute; top:
1389238.9455955653px; left: 2734557.388888888px; cursor:
pointer;"><div><div><div class="my-other-marker">I am flat
marker!</div></div></div></div><div style="position: absolute; top:
-1285.999999994412px; left: 1212.5px; -webkit-box-shadow: rgba(88, 88, 88,
0.701961) 7px -3px 5px; box-shadow: rgba(88, 88, 88, 0.701961) 7px -3px 5px;
cursor: pointer;">
<!-- This is the inlined html used in the example demo of Rich marker //-->
<div><div style="padding: 2px; background: #0f0">hello</div>
</div></div><div class="gmnoprint" title="" style="width: 49px; height: 52px; overflow: hidden; position: absolute; opacity: 0.01; cursor: pointer; left: 1203px; top: -1303px; z-index: 1000000;"><img src="http://maps.gstatic.com/mapfiles/api-3/images/cb_scout2.png" draggable="false" style="position: absolute; left: -245px; top: 0px; width: 1028px; height: 214px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; opacity: 1;"></div></div>
The CSS Path as shown:
#map > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(3) >
div:nth-child(2)
The XPath:
//*[@id="map"]/div[1]/div[1]/div/div[3]/div[2]
Any suggestion or solution to make the Richmarker overlay properly on top of
streetview?
Original comment by tommie.b...@gmail.com
on 2 May 2014 at 2:55
GoogleCodeExporter commented
Further to the said issue, here's two interesting linkys discovered that would
somewhat explain this z-index problem:
http://philipwalton.com/articles/what-no-one-told-you-about-z-index/
http://stackoverflow.com/questions/2682626/z-index-overlay-in-google-maps-versio
n-3
The second linky to S.O pointed out that the panes used in the onAdd prototype,
for the highest stacking order is the floatpane.
To completely furnish this issue, it should be noted that I am using the
non-compiled version of RichMarker.
Original comment by tommie.b...@gmail.com
on 2 May 2014 at 10:53