Google MAP API problem or Prestashop or just me?

[PrestaToys]

When I look at my store locations map a few things off and I do not know how to fix them.  it appears they may be from the Google Map API and cannot be over-ridden.

 

I checked the Prestashop demo and saw some of the same problems...

 

 

The above file shows a scroll bar where it is not necessary... i wish i could get rid of it... seems it is happening on all maps

 

 

Now when it actually needs scroll capability, it adds a second scroll bar... nasty looking!!!

 

Same thing with my site ...

 

 

but then for one of our stores, the pop up box size is different (too small) and it only happens on one of the 60 plus locations!!!

 

 

 

and then this happens when perform a search for the closest stores... the address shows twice, the second time without any formatting.

 

 

If anyone has seen this, or kknows if it is something in prestashop that can be fixed, please let me know.

 

btw, I am using 1.5.6.0

 

Thanks!

[PrestaToys]

Further info...

 

Seems the scroll bar is as a result of an element.style overflow_ auto;

 

It appears that this is embedded in the Google Map API.

 

If anyone knows how to bypass, please let me know.

 

Also, note that the font family includes a font called Roboto.  I noticed some users on the net complaining that google map API makes you download this font which slows down pageloads.  I do not know if it is true, but if anyone knows, please share the information.

 

Thanks.

[PrestaToys]

Ok I fixed this issue.  For other people who may experience such problems, here is what I found (after much suffering).

 

1. Font changes in the theme, affected the Google Map API.

 

2. there is much about this on the web, with many solutions, some simple, but many are detailed... and none of them seem to work.

 

3. Take note of stores.tpl and stores.js ... the Google Map pop-up window (when you select a marker) is called "infoWindow".  many solutions have pointed to this function and waysd to fix it (but none of them worked for me).

 

4.  It seems that when the scroll bars are present (but not needed) it may be due to a line height problem.  This has been logged as an error and I expect Google will fix it)

 

5.  in the end ( I suppose a bit of a workaround), I went into stores.css and added this line to the top...

 

div{margin:0; padding:0; font-size:12px; direction:ltr; line-height:1.3; padding-top:3px;}

 

It seems that the DIV will do it.  Only the line height was necessary to get rid of the needless scroll bar.  The rest is my preferred formatting.

 

Cheers!