Google map within lightbox

2 replies · opened Jun 27, 2016

GgroobyJun 27, 2016

Hi,
I cannot solve the problem with map within lightbox and I hope you can provide me some tips or solution.
I'd like to use the button which shows Google map. Here is your original code:

Google Map Embed

and here is mine, after replacing location:

Google Map Embed

The original code works great on both desktop and mobile, however mine is not working on desktop. Lightbox frame shows up black without map.
What am I doing wrong...?
Thank you for your support :)

GgroobyJun 27, 2016

original code:
[Google Map Embed](https://maps.google.com/maps?q=221B+Baker+Street,+London,+United+Kingdom&hl=en&t=v&hnear=221B+Baker+St,+London+NW1+6XE,+United+Kingdom)

my code:
[Google Map Embed](https://www.google.com/maps/place/1041+Nerge+Rd,+Elk+Grove+Village,+IL+60007/@41.994456,-88.0303937,17z/data=!3m1!4b1!4m5!3m4!1s0x880fae124f256d5f:0x8344cea8baae14a2!8m2!3d41.994456!4d-88.028205)

SSemicolon WebSTAFFJul 2, 2016

Hello,

Thank You so much for Reporting this to us but this unfortunately is an Issue with the Google Map's end. The issue is that they allow this URL only from the Same Origin (CORS) and thus doesn't allow embedding this URL. While the Original Code in our Demos works fine. Our best guess is that the https://maps.google.com/maps is Allowed while the https://www.google.com/maps/place/ isn't allowed.

Hope this Helps!

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard