Add a map to your Lovable site with one prompt

The prompt

Paste this into the Lovable chat. It points Lovable to the DoMaps instructions at /llms.txt.

Add a DoMaps map to the contact section of my website.
Use our address and our brand colors. Instructions: https://domaps.app/llms.txt

Steps

1. 1

   Open your project in Lovable.

2. 2

   Paste the prompt above into the chat and send it. Add your address if your site doesn’t show it yet.

3. 3

   Check the map in the preview. Previews show the map and never count as views.

4. 4

   When Lovable is done, it gives you a save link or an editor link for the map. Open it and save the map with your email before you publish.

5. 5

   Publish your site.

Save the map before you publish

A new map works without an account for up to 1,000 views a month. An unsaved map can’t be edited later, so decide about saving before you publish. When Lovable is done, it gives you a private save link. Open it, enter your email, then open the login link from the email. A saved map gets 10,000 views a month on the Free plan. Keep the save link to yourself and never put it on your site.

Troubleshooting

Lovable wrote its own map code

Ask it to follow the instructions at /llms.txt and use the iframe exactly as DoMaps returns it.

Lovable didn’t give you a save link

Ask it for the map’s save link or the editor link. It should never put that link on the site.

The map stays blank and the console mentions Content Security Policy

Your site limits which pages it may frame. Add https://map.domaps.app to frame-src in its Content Security Policy.

The map says it is paused

It reached a view limit. The docs list each notice and what to do.

More fixes are in the docs. Lovable’s own help: Chat in Lovable.

Before you switch

• Replacing a Google Maps embed? Read about maps without cookies.
• See how DoMaps compares with Google Maps.
• Read: How to add a map to your website

Questions