# Embedding maps on your website

**URL:** <https://streetart.community/t/embedding-maps-on-your-website/2496>\
**Category:** Support\
**Created:** [March 4, 2025, 8:55am UTC](https://streetart.community/t/embedding-maps-on-your-website/2496 "2025-03-04T08:55:33Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![thomas](https://streetart.community/user_avatar/streetart.community/thomas/32/810_2.png) [@thomas](https://streetart.community/u/thomas)\
**Post date:** [March 4, 2025, 8:55am UTC](https://streetart.community/t/embedding-maps-on-your-website/2496/1 "2025-03-04T08:55:33Z")

</div>

Street Art Cities has various different maps you can embed into your website. Here’s how to do it:

## Map links

### Map for a specific city

This is the simplest one - if you want to display a specific city, you can use our [Embed Tool](https://streetartcities.com/embed/tool) to generate the code to embed your map. Simply select the city you want, change the zoom level, and copy the code.

👉 Are you an official partner? In the partner dashboard you’ll find a similar tool, but it has some special options only available to our partner cities, including being able to track how many people use the map to view markers in a specific campaign.

### Map for a route

Want to embed a map for a route, like [this one](https://streetartcities.com/cities/antwerp/routes/7d52d369-cc6f-416f-bd04-ecb0045c897e)? Simply add `/embed/map` to the end of the URL to get the embeddable version.

Example URL:

```plaintext
https://streetartcities.com/cities/antwerp/routes/7d52d369-cc6f-416f-bd04-ecb0045c897e/embed/map

```

Example HTML:

```html
<iframe width="640" height="420" src="https://streetartcities.com/cities/antwerp/routes/7d52d369-cc6f-416f-bd04-ecb0045c897e/embed/map" scrolling="no" frameborder="0" allowfullscreen></iframe>

```

### Tag map

The same goes for tags, like [this one](https://streetartcities.com/tags/festival/ALL%20CAPS%202023). This is a super easy way to get an embeddable map for a specific festival, or any other [tag](https://streetartcities.com/tags) that is used by hunters to tag artworks and places.

Example URL:

```plaintext
https://streetartcities.com/tags/festival/ALL%20CAPS%202023/embed/map

```

Example HTML:

```html
<iframe width="640" height="420" src="https://streetartcities.com/tags/festival/ALL%20CAPS%202023/embed/map" scrolling="no" frameborder="0" allowfullscreen></iframe>

```

### Artist map

Artists can also add `/embed/map` after their SAC artist URL to get an embeddable map of only their artworks.

Example URL:

```plaintext
https://streetartcities.com/artists/does/embed/map

```

Example HTML:

```html
<iframe width="640" height="420" src="https://streetartcities.com/artists/does/embed/map" scrolling="no" frameborder="0" allowfullscreen></iframe>

```

## Styling your map

You can make your map more snazzy by doing some of these things:

- Replace with `width="640"` with `width="100%"` to make the map show up full-width on your page.
- Add `style="border-radius: 8px;"` to the `<iframe>` tag to add some beautiful rounded corners.
