iFrame issue on mobile

Posted in: Newspaper
Post count: 13
SeanR01
#37873
Feb 11, 2015 at 2:53 pm

Hi,

I am having issues with using the insert google maps component. Adding a Google Maps component to a post and pasting in the Google Maps embed code displays fine on desktop but not on mobile/ipad. It just displays a grey empty box in Chrome or Safari on mobile where the map should be (Firefox is ok).

Here is an example page: http://velofocus.com/womens-races/preview/preview-womens-tour-of-new-zealand-2015/

Any idea what the issue is?

Thanks
Sean

Post count: 1291
Emil G
#37997
Feb 12, 2015 at 2:41 pm

Hi,

On what device did you tested and what were the versions of those browsers? I’ve checked on iPad 2 and iPhone 4s and the maps stay gray only for a few seconds (until the map data is retrieved from Google).

Thank you, Emil G.

Post count: 13
SeanR01
#38254
Feb 14, 2015 at 3:49 pm

Sorry for the delay in getting back to you. I’ve been sick the last few days. I was using a 4th gen iPad in chrome version 40 and safari 8.1.3. And on HTC One M8 using Chrome 40 also. I think it may be a cache issue as I later discovered the problem did not occur if using an incognito window and wasn’t an issue the following day.

Thanks
Sean

Post count: 6600
Lucian
#38398
Feb 16, 2015 at 11:04 am

Hi,

I’ve checked your site and seems that you still have this issue on chrome, also noticed this errors in your console: http://screencast.com/t/fh9wOqq6Tv and seems to happen due to chrome and your Google account.
This might help: http://webmasters.stackexchange.com/questions/60169/how-to-embed-google-maps-locations-in-an-iframe

Thanks

Viewing 4 posts - 1 through 4 (of 4 total)
You must be logged in to reply to this topic.