Problem in Chrome with GoogleMap overlayed to StreetView (don't get properly mouse click)

[tswadmin]

I noticed that mouse click and drag do not work properly in Chrome when the map div is over a streetview div (I neet to have a streetview full page with a map insert overlay). Using IE, FF and Safari all is working properly.

 

You can check it modifying code of your example

http://code.google.com/intl/it-IT/apis/maps/documentation/javascript/examples/streetview-simple.html

and setting the "map_canvas" div to overlay the "pano" div (changed "map_canvas" div to absolute position and z-index to 2).

In this situation, using Chrome, is impossible to drag the map or the pegman in the"map_canvas" div, only the scrollwheel is working.

 

Any suggestion how to solve this issue?

Thanks

Marco

 

[Marc Ridey]

Try this code: http://blog.mridey.com/2010/11/how-to-display-map-inside-streetview.html

 

--
You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" group.
To view this discussion on the web visit https://groups.google.com/d/msg/google-maps-js-api-v3/-/WCAya8GMY5IJ.
To post to this group, send email to google-map...@googlegroups.com.
To unsubscribe from this group, send email to google-maps-js-a...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.

[Jasper Goes]

I seem to be having the same issue.

Earlier this year the same issue occured, and at that point of time, this could be resolved by getting the 3.2 api instead by using the 'v' ('&v=3.2') parameter in the script tag.

The issue that arose today, seems to be somewhat different, as I am still using v=3.2 ever since that last occurance.

In my case, I do not have a map inside of a streetview, though, I do display both elements on a page whenever available.

I am using 'Chrome 15.0.874.106 m' and an active example of the issue can be found here: http://www.locationof.com/heleen/map/

I will be researching this today, but any help or suggestions would be very welcome.

Thank you for reading.

[Jasper Goes]

In addition to my previous reply, I wish to add that after testing the code provided by Marc Ridey in the previous post;

Quote:

Try this code: http://blog.mridey.com/2010/11/how-to-display-map-inside-streetview.html

Also shows the exact same behaviour, in which the streetview element can be moved around, but the map element

has a 'default' cursor instead of the magic 'hand', thus, cannot be moved, dragged, or clicked.

Although the elements are positioned differently, this seems to pretty much be the same kind of implementation I am

using, in which the streetview element has a lower z-index than the map element.

Jasper

[Jasper Goes]

After some minimal research, the issue seems to be relating to anti-aliasing or smoothing.

In the previously working version, the streetnames in Streetview, aswell as the arrows, did not seem to be anti-aliased, nor smoothed.

Now, they seem to be anti-aliased, and seem to be taking the whole document along with it.

Even elements that are not within the streetview DOM object itself, like, text in any divs somewhere else in the document, also seem to be 'smoothed'.

I have not (yet) been able to trace what css rules are being applied, and where they are being applied, but I am reasonably confident to pinpoint this

as the culprit.

Can anyone else confirm?

[tswadmin]

Same results, the google map insert is not draggable or clickable in Chrome, it is ok in IE,FF,Safari.

Any other suggestions??

Thanks

Marco

[Marc Ridey]

My test page works fine on Chrome Mac so I'm guessing you're using Chrome Windows. I'll have to dig out a Windows machine and test.

--

You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" group.

To view this discussion on the web visit https://groups.google.com/d/msg/google-maps-js-api-v3/-/dUrvM75MvZ4J.

[Jasper Goes]

Indeed, I am running Windows 7. Sorry, I forgot to mention that.

By now, I have found out I am definately not the only person noticing this change,

many of the visitors of my project use Chrome on Windows aswell, and some of

them have sent me email asking "what's up" with the map.

No changes noticed in this issue so far, still malfunctioning.

Thanks again for reading,

Jasper

[tswadmin]

Problem is present on Windows 7 SP1 64bit, with Chrome v.15.0.874.106

Problem is NOT present on Windows XP SP3 32bit, with Chrome v.15.0.874.106

I cannot test on Windows 7 32bit.

Marco

[Eddie]

I also have this issue. My specifics:

I have a map on the page, and a new map that appears in a popover
window (I am using the JQuery plugin Colorbox). The top-level map
cannot be dragged in Chrome. Map controls (zoom, pan, etc) and
copyright/terms links at the bottom all work fine. When I press F12 to
bring up the developer tools, I can drag the map again. It appears
that the developer tools window moves the top-level map far enough
away from the underlying map so that it no longer interferes.

This issue only began to appear with the last update to Chrome
(15.0.874.106). The page worked fine before the update.

Everything works fine in FF, IE, Safari (on Mac and PC). It works
fine in Chrome on the Mac. I am using Windows 7, 32-bit.


On Oct 29, 11:51 am, tswadmin <administra...@turismoserviziweb.com>
wrote:

[Luke Mahé]

Can you include a link to your demo please.

-- Luke

--
You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" group.

[Eddie]

I was able to recreate the issue on a very basic html page.

Here is the demo: http://metrobrokers.com/demo/map-demo.html

Click the Show Overlay button and try to move the map around.

[tswadmin]

You can check this two links made with you example code, the only difference is z-index of the map_canvas div:

http://www.turismoserviziweb.com/TestChromeNotWorking.htm  - (mouse do not drag or click on map)

http://www.turismoserviziweb.com/TestChromeWorking.htm  - (mouse is ok on both panorama and map)

Marco

[Eddie]

Hey Marco, any luck with the colorbox demo? I have tried many
different z-index combinations and cannot make it work.

Tracing the DOM heirarchy of the colorbox shows the body as its
parent. I tried setting z-indexes on the body and all children down
to the map canvas, with no success. The colorbox itself has a 9999 z-
index, so this should be inherited by its DOM children by default.

I believe this is a bug in Chrome for several reasons. First, it
doesn't occur in any other browser or Chrome on other platforms.
Second, it started occurring in Chrome as of the latest version. This
same code worked fine before the update.



On Nov 2, 1:00 am, tswadmin <administra...@turismoserviziweb.com>
wrote:

[tswadmin]

Hy Eddie,

no I have no solutions. 

It is evidently a bug, but  I am not sure due to Chrome because it happens only if you overlap a map div to a streetview div.

I have tested overlapping two map div's and overlapping two streetview div's and mouse interaction is working properly in both cases.

How do you suggest to proceed to see this issue solved (considering it is a 100% Google issue by sure)?

Marco

[tswadmin]

Eddie,

 

further to my previous post I have done other tests that make me suspect of a bug in StreetView or GoogleMap viewers, more then in Chrome.

 

The tests were to put the map canvas in overlay to other type of background and the most meaningfull was to put the map canvas in overlay to a panorama viewer based on Adobe Flash Player (instead of the StreetView panarama viewer).

 

All these tests were positive and mouse interactions with the map canvas was ok also using the last Chrome version.

 

It seems that the problem arise only if the map is overlayed to StreetView!

 

Let me know.

Marco

[Jasper Goes]

Please also note this issue, which is very likely to be related or even part of the actual problem.

Next to your map and streetview divs of your particular test project, put some loose text.

See how the text seems to get either smoothed or antialiased once the map is loaded?

This seems to be applied to the entire document, as soon as you implement a map and/or streetview element in your page.

This is how the navigation in my personal page looks as it was intended, without any map pages embedded:

This however, is the absolute exact same navigation bar, on any page that has an embedded map and/or streetview element.

Notice that very subtle difference?

Quite sure this example is a little bit more obvious:

With some form of aa (and google map):

No aa, as intended, no google map in view;

Hope this proves the point; Check for yourselves.

[tswadmin]

Any answer from Google people about this issue?

 

How do they suggest to proceed to see the problem resolved?

 

Thanks

Marco