UK map - google maps

louiswatson · 2024-02-16T15:36:39+00:00

There was an error rendering this rich post.

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?

Find more posts tagged with

Cards

Maps

DDX

Accepted answers

ColemenWilson

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:

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:

<!DOCTYPE html>
<html>
<head>
    <title>Dynamic Iframe - HTML/CSS Only</title>
    <style>
        body, html {
            height: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        #dynamicIframe {
            width: 100vw;
            height: 100vh;
            object-fit: fill;
        }
    </style>
</head>
<body>
    <iframe id="dynamicIframe" src="insert the url here" frameborder="0"></iframe>
</body>
</html>

All comments

ColemenWilson

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:

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:

<!DOCTYPE html>
<html>
<head>
    <title>Dynamic Iframe - HTML/CSS Only</title>
    <style>
        body, html {
            height: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        #dynamicIframe {
            width: 100vw;
            height: 100vh;
            object-fit: fill;
        }
    </style>
</head>
<body>
    <iframe id="dynamicIframe" src="insert the url here" frameborder="0"></iframe>
</body>
</html>

louiswatson

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

ColemenWilson

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