Directory Map Is Blank

Support has been upgraded!

The Support Forum is closed. Not to worry! Providing the top quality support you expect and we're known for will continue! We're not ending support, just changing where you submit requests. This will provide you with the best experience possible.

Premium Support

Have you purchased an addon for Connections such as one of our premium templates or extensions with a valid license and you need help?

Please open a Support Ticket in your user account.

Click here to open a support ticket.

Free Support

Are you using the free Connections plugin? Don't worry, you are still very important to us! We are still providing you with the same high quality support that we're known for.

Please open a new support topic in the WordPress support forums for Connections.

Click here to open a support topic.

This topic is: resolved

Tagged: 8.4.4, google maps api, template, Tile Plus

This topic has 10 replies, 2 voices, and was last updated 10 years, 11 months ago by Steven Zahm.

Viewing 10 posts - 1 through 10 (of 11 total)

1 2 →

Author

Posts
09/21/2015 at 2:13 pm #347565
Rachel Kay
Participant
I recently updated the Connections plugin and was looking through the site to ensure everything is working and noticed that the map on individual and family pages in the directory is blank. I have the Tile Plus template active, and I deactivated the 2.0.1 Connections templates so that the 3.0 default template will not be overridden. I have tried unchecking the Google Map API in Connections > Settings > Advanced, but when I did so the map disappeared, so I re-checked this option to display the map, but it is still blank.
Here is a screenshot of the map: http://awesomescreenshot.com/0d4599id36.
- This topic was modified 10 years, 11 months ago by Rachel Kay.
09/21/2015 at 3:30 pm #347581

Steven Zahm
Keymaster

@ Rachel

It’s really hard to say from a screenshot. Here’s what I can tell you…

If two plugins load the Google Maps API on the same page, you can get unpredictable results from Google. I see you did try deactivating the Google Maps API in Connections, unfortunately that does not always work because the other plugin has to have it loaded before Connections needs it. That does not always happen and causes an error would result in no map at all.

From the screenshot, I see there is some non-standard Google CSS being applied to the map. Specifically speaking how the text seems to have a “shadow” and something odd going on with the control icons in the upper left of the map. I only ever really see this when the theme applies styling globally to images and text which negatively impact the Google Map. It is possible the theme is applying a style which is making the map tile image to not appear.

To give you more helpful info, I would need to have access to the page with the issue so I can take a look.

Question for you, is the version of Tile Plus installed 2.0.1? If it is, I suggest updating it to the current version which is 4.1. I’m betting you have version 4.1 installed because the map was not available until 4.1.

09/21/2015 at 4:33 pm #347594

Rachel Kay
Participant

All I can say in regards to the possible conflict with Google results is that the map was working, but since I updated Connections it does not work.

The website’s theme does add a shadow to text, so that is why you see that on the map. If the shadow causes the text to be hard to read I then remove it for that particular text on the stylesheet, but it wasn’t too bothersome on the map so I left it. But I can’t see how this would cause an issue because the map was working with no problem.

I did upgrade Tile Plus recently.

I can create a login for you to use. Should I post it here in a private reply?

09/21/2015 at 4:39 pm #347595

Steven Zahm
Keymaster

@ Rachel

re: I can create a login for you to use. Should I post it here in a private reply?

Yes, that’ll work.

09/21/2015 at 5:09 pm #347603

Rachel Kay
Participant

This reply has been marked as private.

09/21/2015 at 5:10 pm #347604

Rachel Kay
Participant

This reply has been marked as private.

09/21/2015 at 6:28 pm #347610

Steven Zahm
Keymaster

@ Rachel

This was the theme… this file, line 12:

http://sttimsinhouston.com/wp-content/themes/Nova/css/responsive.css

.flexslider .slides img, #content-area img, #logo { max-width: 100%; width: auto; height: auto; }

That max-width: 100% breaks the image tile display in Google Maps. I made an adjustment to Connections to override the theme’s style. Looks great now.

Hope that helps!

09/21/2015 at 6:39 pm #347613

Rachel Kay
Participant

That is very interesting, although I don’t get why the theme styles would now conflict with the map loading in Connections.

Thank you for fixing the issue. Out of curiosity, do you know why it now decided to conflict when before there was no issue?

09/22/2015 at 11:30 am #347766

Steven Zahm
Keymaster

@ Rachel

re: Out of curiosity, do you know why it now decided to conflict when before there was no issue?

Well, it is possible an update to the theme added this CSS change. It possible that if this has always existed in the theme that CSS from another plugin was overriding it which “fixed” and an update from that other changed their CSS which no longer “fixed” it.

Another thought, is the map did not exist in versions of Tile Plus before 4.1. So if you recently updated Tile Plus from an older version, this would be the first time the map would have been “broken”.

At any rate, The next version of Connections has a CSS tweak which should help prevent theme’s from setting max-width on the Google Maps image tiles.

09/22/2015 at 11:47 am #347771

Rachel Kay
Participant

That makes sense since there was an update to the theme itself not that long ago, and yes I just updated Tile Plus last month so if it was due to a theme update or plugin update changing what ever was keeping that max-width style from overriding the map then it makes sense that it would have happened now.

Also, thank you for getting the issue fixed.
Author

Posts