Add Google Maps

Embedding a Google Maps map in your RevasOS website is easy and allows you to professionally display a location or geographic guide to your visitors. Follow the steps below.

Attention to privacy

When you insert this type of scripts that can install cookies or collect information about the user and their devices, remember to always have consent management active via Consent Platform Managemtn, for example Iubenda.

Get the code

1. Go to Google Maps: Open Google Maps in your browser.
2. Find the location: Search for the location you want to show on the map.
3. Open the share menu:
   • Click the Share icon (usually an arrow or link).
   • Go to the Embed a map tab.
4. Customize the size:
   • Choose the default size (Small, Medium, Large) or select Custom size to define the height and width.
5. Copy the embed code:
   • Copy the HTML code provided (starts with <iframe>).

Insert the code on RevasOS

Once you have the code, go to RevasOS and:

1. Go to the page where you want to insert the map.
2. Click New block and select New code block.
3. Paste the code into the block.
4. Save the page to make the map visible on your site.

Changing the size and appearance of the embedded map

If you want to change the size of the map (for example, make it full page or centered with padding), you can do so by editing the iframe HTML code. Here's how:

1. Copy the iframe code of the map you already inserted.
2. Paste it into a prompt for ChatGPT with a request like this:
   • To make it full page: Edit this HTML code to make the map full page. I only want HTML with inline CSS, no JavaScript, here's the code: [replace this space with your embed code],
   • To center it on the page: Edit this HTML code to make the map centered, with padding around it. I only want HTML with inline CSS, no JavaScript, here's the code: [replace this space with your embed code].
3. Copy the result of the code.
4. On RevasOS:
   • Go to the page where you want to insert the modified map.
   • Click on New Block and select New Code Block.
   • Paste the code into the block and save