How to add Google Maps to a Turbosite website

Google Maps is the global standard for cartography. It is suitable for websites with an international audience or for the travel industry. The easiest way is to embed a map via an iframe directly from the Google Maps interface, without an API key. It is free and takes 5 minutes to set up.

What you will need

• A Google account (not required for a basic iframe) — registration
• A published website on Turbosite
• 5 minutes

Step 1. Get the map code

1. Open google.com/maps.
2. Find the required address or organization using the search bar.
3. On the place card, click the “Share” button (the arrow icon).
4. In the window that opens, select the “Embed a map” tab.
5. Choose the map size: small, medium, large, or custom.
6. Copy the generated iframe code.

📷 Screenshot: “Embed a map” window in Google Maps with the iframe code and size options.

Step 2. Insert the code into Turbosite

The map appears in a specific place on the page (usually in the “Contacts” block), so the code is inserted into the body of the page.

1. Open your website in Turbosite.
2. Add an “HTML-code” block to the desired location on the page.
3. Paste the copied Google Maps iframe.
4. Save the changes.
5. Publish the website.

📷 [Turbosite screenshot — to be added: HTML-code block in the page body with a Google map].

Step 3. Verify that the map works

1. Open your published website.
2. Scroll to the map block — it should load within 1–2 seconds.
3. Check interactivity: click on the marker, try to zoom in, and read the place card.
4. Open it on a mobile device — the map should adapt.

FAQ

The map is cut off on mobile or is not full-width. In the iframe, remove the fixed width="600" and height="450" values and wrap the iframe in a <div> with a CSS class for responsiveness:

<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
  <iframe src="your_src" 
          style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" 
          frameborder="0" allowfullscreen>
  </iframe>
</div>

Is an API key required? For a basic iframe from the “Share” menu — no. An API key is only needed if you use the Google Maps Embed API directly or the JavaScript API for customization (custom markers, routes, styles).

Can I add my own marker or route? Via iframe — only what is available in Google Maps. For your own markers, create a map in Google My Maps, and then get the iframe from there.

Google Maps Platform pricing. As of 2025, Google Maps Platform pricing has changed: instead of a general free credit, there are separate monthly limits for each product. The basic Embed iframe works for free without restrictions. If you use the JavaScript API, check the limits in the Cloud Console.

The map is in Russian, but I need it in English. Google automatically determines the language based on the browser locale. To fix the language, add the &hl=en parameter (or another language code) to the iframe URL.

What to look at next

• Google Maps Platform Documentation — official documentation
• Google My Maps — creating your own maps with markers
• Google Maps Platform Pricing — current rates