The stock Google Maps iframe is the grey default you see on most contact pages. It works, but it looks like every other map on the internet, it is hard to style, and the customizable version meters every load against a Google Cloud billing account. Tint is the on-brand alternative: pick a theme or match your brand color, then embed with one line of HTML.
| Tint | Google Maps embed | |
|---|---|---|
| Looks on-brand | 18 themes + brand-match from one hex color | Grey default; styling needs the paid JS API + cloud styles |
| Setup | One line of HTML, no API key for embeds | Google Cloud project + API key + billing account |
| Pricing | Flat plans with soft caps — no per-load bill | Free basic iframe; styled/JS maps meter every load |
| Map data | OpenStreetMap (open data), OSM attribution | Google proprietary |
| Best for | Marketing sites, contact pages, store locators | Deep Google Places/Directions integrations |
<!-- Paste where the map should appear --> <div data-tint="MAP_ID" style="height:420px"></div> <script src="https://embed.tintmap.dev/v1/embed.js" async></script>
Tint renders OpenStreetMap data and keeps the required OSM attribution visible — that is part of using open map data for free.
Free plan, no card required. Your first branded map takes about three minutes.