Skip to content

    • Cards, Dashboards, Stories

    Cards, Dashboards, Stories

    UK map - google maps

    Member
    in Cards, Dashboards, Stories
    UKMap.png

    Hi, I have a UK map which uses lat/long for the dots. I'm looking to use streetviews as that is our main way of identifying good sites remotely. Not all sites have streetview URL's so I can't rely on this.

    I was wondering if there is a google maps overlay or DDXBricks that can help me here?

    Tagged:

    Welcome!

    It looks like you're new here. Members get access to exclusive content, events, rewards, and more. Sign in or register to get started.
    Sign In

    Best Answer

    • Coach
      edited February 2024 Answer ✓

      You could use Google MyMaps and create a map, then embed it using the HTML Easy DDX brick. Search in the Appstore for HTML Easy:

      Screenshot 2024-02-16 at 8.43.47 AM.png

      Just copy the embed code from Google MyMaps and then paste it in the HTML section in the DDX brick.

      I spent alot of time working on dynamic sizing, here is the code to save you time: 

      1. <!DOCTYPE html>
      2. <html>
      3. <head>
      4.     <title>Dynamic Iframe - HTML/CSS Only</title>
      5.     <style>
      6.         body, html {
      7.             height: 100%;
      8.             margin: 0;
      9.             padding: 0;
      10.             overflow: hidden;
      11.         }
      12.         #dynamicIframe {
      13.             width: 100vw;
      14.             height: 100vh;
      15.             object-fit: fill;
      16.         }
      17.     </style>
      18. </head>
      19. <body>
      20.     <iframe id="dynamicIframe" src="insert the url here" frameborder="0"></iframe>
      21. </body>
      22. </html>

      If I solved your problem, please select "yes" above

    Answers

    • Coach
      edited February 2024 Answer ✓

      You could use Google MyMaps and create a map, then embed it using the HTML Easy DDX brick. Search in the Appstore for HTML Easy:

      Screenshot 2024-02-16 at 8.43.47 AM.png

      Just copy the embed code from Google MyMaps and then paste it in the HTML section in the DDX brick.

      I spent alot of time working on dynamic sizing, here is the code to save you time: 

      1. <!DOCTYPE html>
      2. <html>
      3. <head>
      4.     <title>Dynamic Iframe - HTML/CSS Only</title>
      5.     <style>
      6.         body, html {
      7.             height: 100%;
      8.             margin: 0;
      9.             padding: 0;
      10.             overflow: hidden;
      11.         }
      12.         #dynamicIframe {
      13.             width: 100vw;
      14.             height: 100vh;
      15.             object-fit: fill;
      16.         }
      17.     </style>
      18. </head>
      19. <body>
      20.     <iframe id="dynamicIframe" src="insert the url here" frameborder="0"></iframe>
      21. </body>
      22. </html>

      If I solved your problem, please select "yes" above

    • Member

      Thankyou! This is super helpful. Do you know if there is a way to get the orange man to appear on Google? This is all we need to get the streetview problem sorted. Cheers

    • Coach

      I don't. That may be a question for the Google community forums 😄

      If I solved your problem, please select "yes" above

    Welcome!

    It looks like you're new here. Members get access to exclusive content, events, rewards, and more. Sign in or register to get started.
    Sign In

    Welcome!

    It looks like you're new here. Members get access to exclusive content, events, rewards, and more. Sign in or register to get started.
    Sign In

    Quick Links

    Categories