Open Mon-Fri from 9.00-5.00

Map

Say you want to achieve a neat Map ‘component’ (see the first content section at the home page of this sample website). In order to get such a component, just use the markup below. The content in the brick starts with a screenshot of the given map area and the URL of the mapping service provider (Google, OpenstreetMaps, etc). They will automatically be converted into a clickable map. If you want to see this brick in action, take a look at the footer of the contact page.

---
title: Page title
---
{{< brick_map >}}

![](/uploads/map2.png)

[Google Maps](https://www.google.com/maps)

## Contact us

Usecue BV  
Soetendaal 7  
1081BL Amsterdam  
The Netherlands

{{< contactbuttons >}}

{{< /brick_map >}}

Get started with Hugobricks today!

Experience the future of web development with Hugo and stackable content bricks. Build lightning-fast static sites with ease and flexibility.

Get started now