saikota / google-maps-utility-library-v3

Automatically exported from code.google.com/p/google-maps-utility-library-v3
Apache License 2.0
0 stars 0 forks source link

Richmarker not showing in streetview #306

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago
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 9 years ago
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 9 years ago
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