Google maps problem

How To
1

Hello all,
I’m trying to add this code → Traffic Layer - JSFiddle - Code Playground
to Bricks Builder using the code element. Tried every possible way to make it work, with no results. The page loads empty.
No js errors in the console.

  • The script src is added in the footer from builder’s settings, using my own api key.
    I also tried to add it inside the code element itself
  • The js code added inside the code element
    Url of the page that map should be showing → test – dev athina984

Any suggestions would be more than helpful,
Thanks

2

Add an aspect-ratio to the code block, currently it has zero height.

3

Thank you, but this isn’t the problem.
I added height inside the code element, i also added it at the parent container (100vh), still it’s empty.

4

It’s definitely the correct solution. Currently you’ve added 100vh height to the map inside the code element, and a height of 100vh on the container, but the code element itself has no height.

Remove the 100vh height, and then add an aspect ratio (or height if you need it fixed) to the code element ID itself, not the content inside of it.

1 Like
5

Thank you so much!
Now I see it!