Autopmtimize Incompatibility: Only top third of map is displayed

[GoogleCodeExporter]

Thanks for the great plugin.

I've noticed recently that my global map is only showing the top third of the 
map.  The bottom two-thirds is grey.

I tried setting Click_to_load = "true" but this didn't resolve the problem.

I'm browsing with the latest version of Firefox.

I CAN get it to work if I reduce the map height to 480 pixels and only use 
Google Chrome.  But that's not really going to cut the mustard for my readers :)

I would be grateful for any help.

Neil

Original issue reported on code.google.com by Neil.En...@gmail.com on 28 Dec 2014 at 9:35

[GoogleCodeExporter]

Woops - I forgot to give the link:
http://blog.neilennis.com/index.php/map/

Original comment by Neil.En...@gmail.com on 28 Dec 2014 at 9:55

[GoogleCodeExporter]

I get Google's API key error message at that link. Since Google v3 works fine 
with no API key, it may be easiest to remove it from the settings.

Original comment by dylankk...@gmail.com on 11 Jan 2015 at 8:26

• Changed state: Investigating

[GoogleCodeExporter]

Thanks for the reply.
I've removed the API key and refreshed my browser cache but the problem 
persists.

Original comment by Neil.En...@gmail.com on 11 Jan 2015 at 9:43

[GoogleCodeExporter]

It looks okay to me in Chrome, but I see the issue in Firefox. These kind of 
things tend tend to happen to Google maps when they're initialized in a div 
that is not yet visible. If you change the window you'll see it correct itself.

My best guess is that the autoptimize stuff is messing with the load timing. 
I'm not sure if that's part of W3TC or not, but there may be options or 
exceptions you can make to fix it. If you can exclude URLs that begin like 
"http://blog.neilennis.com/?geo_mashup_content=render-map", that might work. 

If you can pinpoint the incompatibility please report back, thanks!

Original comment by dylankk...@gmail.com on 11 Jan 2015 at 10:22

• Added labels: Type-Incompatibility

[GoogleCodeExporter]

Thanks for the excellent advice.
I disabled the Autoptimize plugin and this fixed the problem.
When I enabled Autoptimze the problem recurred.
I'd appreciate some more advice to nail this down please.
You suggested excluding a URL.  Autoptimize doesn't work like that.  You can 
only exclude JS or CSS.
Do I have to exclude all JS files in the geo-maship/js subdirectory, or is 
there a specific JS file which does all the rendering which I could exclude?

Original comment by Neil.En...@gmail.com on 11 Jan 2015 at 10:48

[GoogleCodeExporter]

Problem solved :)
I added geo-mashup* to the exclude list, and that seems to have fixed the 
problem.
Thank you!!!!!

Original comment by Neil.En...@gmail.com on 11 Jan 2015 at 10:52

[GoogleCodeExporter]

I spoke too soon.
This doesn't fix the issue.
I can only assume the wildcard is being ignored.
I'll try adding all the geo-mashup JS files to the exclude list and see if I 
can resolve it.

Original comment by Neil.En...@gmail.com on 11 Jan 2015 at 10:55

[GoogleCodeExporter]

One other question - if there is someway to export the map to a static KML file 
I'd be happy to do that instead of dynaically loading it.  Is that possible?

Original comment by Neil.En...@gmail.com on 11 Jan 2015 at 11:19

[GoogleCodeExporter]

Another quick thing to try might be switching to OpenLayers or Leaflet.

For excluding files, start with geo-mashup-mxn.js. If dependencies are handled, 
that might do it.

I don't have a KML export feature yet. You might experiment with caching the 
map iframe HTML.

Original comment by dylankk...@gmail.com on 11 Jan 2015 at 11:54

• Changed title: Autopmtimize Incompatibility: Only top third of map is displayed

[cweddell]

I found excluding the following from Autoptimize worked:

jquery.js, maps.google.com/maps/api/js, geo-mashup/js/geo-mashup-mxn.js, geo-mashup