A map on your site
The free Vivlab map generator creates the embed code for a Google Maps or OpenStreetMap map, with no API key.
Enter a location, adjust the size, copy the code and paste it onto your site.
Provider
Type an address or a place: Google Maps locates it automatically, no API key needed.
<iframe src="https://www.google.com/maps?q=Tour%20Eiffel%2C%20Paris&z=15&output=embed" width="600" height="450" style="border:0;" loading="lazy" referrerpolicy="no-referrer-when-downgrade" allowfullscreen></iframe>
How it works
Embed a map in 3 steps
Place your location
Pick Google Maps or OpenStreetMap, then type an address or the GPS coordinates of the spot you want to show.
Set the framing
Adjust the zoom level and the map dimensions so it fits your page layout.
Copy the code
Grab the generated iframe tag and paste it into your site, with no API key or account to set up.
Embed a map on your site
No API key
Showing a map often means setting up an API key, which is sometimes billed. This tool relies on the providers' public embed pages: you get a working map with no account and no key, perfect for a contact page or to show where a shop is located.
Google Maps or OpenStreetMap
Google Maps locates an address or place automatically and gives you a familiar look. OpenStreetMap is a free, community-built map: without a key, it centers on a latitude and a longitude. Pick whichever suits your needs and your taste.
Embedding with an iframe
The map drops in through an tag that loads the provider's map inside a frame on your page. Set the width and height, copy the generated code, then paste it wherever the map should appear. No scripts or dependencies to install.
Privacy and GDPR
An embedded map loads resources from a third-party service, which may set cookies or collect connection data. Remember to mention this in your privacy policy and, depending on your situation, to load the map only after the visitor gives consent.
Frequently asked questions
Your questions about embedded maps
Do I need a Google Maps API key?
No. The tool builds the public embed code, the one from the Google Maps or OpenStreetMap embed mode. No key, no developer account and no billing are required to show it on your site.
Google Maps or OpenStreetMap, which one?
Google Maps gives the most familiar view, with Street View and business listings. OpenStreetMap is open and lighter, with no advertising cookie: handy if you want to avoid an extra consent banner.
How do I make the map responsive?
The code uses a fixed width and height in pixels. To adapt it to mobile, put the iframe in a container set to width:100% and give it a height ratio, for example aspect-ratio: 4 / 3 in CSS.
Where do I find the latitude and longitude?
On openstreetmap.org or Google Maps, right-click the point you want: the coordinates appear and copy in one move. Paste them into the latitude and longitude fields of the OpenStreetMap tab.
Is my data sent anywhere?
The address and coordinates you type stay in your browser, nothing goes to Vivlab. Once the map is live, the tiles come from Google or OpenStreetMap, so remember to mention that third party in your privacy policy.
Keep exploring