> For the complete documentation index, see [llms.txt](https://cranford-tech.gitbook.io/beautiful-maps-mapbox/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cranford-tech.gitbook.io/beautiful-maps-mapbox/getting-started/adding-a-map-to-your-app.md).

# Adding a map to your app

Add a map to your Bubble app by dropping the Mapbox Map element onto your Bubble canvas:

<figure><img src="/files/MftUaPklMUG8RqgRau5G" alt=""><figcaption></figcaption></figure>

Preview your app and you'll see your Mapbox map!

<figure><img src="/files/lV46Vex2HK8WyB1rzeF6" alt=""><figcaption></figcaption></figure>

See the next section of the documentation for details on how you can set the defaults of the map.