-
Posts
-
For some reason my embedded Google maps only display a blank screen when I’m accessing it with a mobile on cellular data (it works fine when connected to WiFi). So far I’ve tried it on two different iPhones. I had 2-3 bars LTE so the signal should’ve been strong enough. Is there some type of code that fixes this?
Hello,
Thanks for the great question, I’m sorry your maps aren’t loading on mobile data.
Since the maps are working on WiFi, I don’t think there’s any code you’ll be able to add to the website to fix this issue. It’s more likely that these two phones are both configured not to use mobile data for Google Maps. On iPhones, you can actually set which apps are allowed to use mobile data one-by-one. Double-check in your mobile data settings that Google Maps is turned on for mobile data in your settings.
That thought crossed my mind as well but my Google Maps app was working fine. I was able to fix it by going directly to Google and getting the code that way, so there appears to be something wrong with the code that Boldgrid is using to embed Google Maps.
Hello! Thanks for writing back, I am glad to hear you were able to get your map working correctly.
I did some testing and I wasn’t able to get the same issue. May I ask which cellular network you’re using, and which iOS version?
Both cell phones are on Verizon and my iPhone X is running version 12.4 and the other one is an iPhone 6s on version 12.3.1. Did you notice the differences in the code?
Thanks for that extra information!
I’ll update here when we have more info. The differences in the embed codes from Google directly and within the editor shouldn’t be making a difference like that. For example here’s one from Google directly:
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2828.3649326412615!2d-93.24440348346208!3d44.85486507909847!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x87f62f6c393c612d%3A0xb3c6f1806e78286b!2sMall+of+America%C2%AE!5e0!3m2!1sen!2sus!4v1566411485949!5m2!1sen!2sus" width="600" height="450" frameborder="0" style="border:0" allowfullscreen=""></iframe>
And here’s the same one (searching for the Mall of America) from the editor:
<iframe style="max-width: 100%;" src="https://maps.google.com/maps?q=Mall+of+America&t=m&z=16&output=embed" width="600" height="450" frameborder="0" data-mce-fragment="1"></iframe>
Our iPhones that we tested on here all loaded the maps, so we’re going to try to replicate your issue more precisely with a Verizon connection.
- The topic ‘Google maps not displaying properly only on cellular data’ is closed to new replies.
