Info tooltip styling is broken for GeofieldMap [#1966296]

Hey there,

I wonder if anyone has the same issue: I'm using a Geofield Map which gets geocoded by an addressfield. Everything works fine except that the info layers / tooltip that appear when clicking on a map marker is completly broken accross all major browsers (latest stable versions of Chrome, FF and IE9).

Only Firefox shows a script error:

TypeError: n.google is undefined
...(T[H],function(){return"("+this.x+", "+this.y+")"});T[H].b=function(a){return!a?...

in main.js, line 24
(http://maps.gstatic.com/intl/de_de/mapfiles/api-3/12/7/main.js)

Cheers,
Daniel

Comment	File	Size	Author
#9	1966296-geofield_map_broken_tooltip_2.patch	1.88 KB	nevergone
#9
#8	1966296-geofield_map_broken_tooltip.patch	1.13 KB	nevergone
#8
#1	Google Maps info tooltip broken	55.57 KB	Daniel Wentsch

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

Daniel Wentsch CreditAttribution: Daniel Wentsch commented 10 April 2013 at 08:50

File	Size
Google Maps info tooltip broken	55.57 KB

Forgot to attach a screenshot.

Comment #2

Daniel Wentsch CreditAttribution: Daniel Wentsch commented 10 April 2013 at 09:48

Update: must be some incompatibility, on a vanilla setup with only geofield, addressfield, geocoder and views everything works nicely.

Comment #3

Daniel Wentsch CreditAttribution: Daniel Wentsch commented 2 May 2013 at 08:31

Status:

Needs review

» Closed (fixed)

Okay, finally resolved it. It was a pure CSS problem caused by my theme.

Just in case anybody else has this problem:
I had a max-width of 100% applied to all my image tags, which, as it seems, Gmaps doesn't like too much. I fixed it by resetting all images inside the geofield:

img { max-width: 100%; }
.geofieldMap img {max-width: none; }

Comment #4

Daniel Wentsch CreditAttribution: Daniel Wentsch commented 10 April 2013 at 11:52

Category:	bug	» support
Status:	Active	» Closed (fixed)

Comment #5

MiniEggs CreditAttribution: MiniEggs commented 23 April 2013 at 04:13

Category:	support	» bug
Status:	Closed (fixed)	» Needs review

I had the same problem, so many thanks for tracking down the source.
Your CSS didn't quite work for me. I needed:
.geofieldMap img {max-width: none; }

I'm using a Zen subtheme by the way, and their default normalize css sets images max-width to 100%.
As it seems pretty standard for normailze css files, it's probably worth incorporating some form of the above css into the Geofield Maps module to avoid similar problems in future. If it hasn't been already.

Comment #6

Daniel Wentsch CreditAttribution: Daniel Wentsch commented 2 May 2013 at 08:32

Status:

Closed (fixed)

» Needs review

Oh, sorry, of course my CSS should read the same as yours, triggering image tags inside the geofieldMap container (I edited my previous post to avoid confusion).
Yep, I also think it's a good idea to include this by default.