Publications Office of the EU
Maps - Web Guide
DisplayCustomHeader
Dockbar
Maps

Maps

Last updated: 10/04/2025

Overview

Overview

The Maps component allows you to easily display locations on a map. Simply enter a street address or geolocation coordinates, and set width and height parameters.

Embed map template example 2025

How to implement

Using the component

Implentation instructions in the Knowledgebase (Request access)


Manual coding

Replace zoom, width, height and address as required.

    <script type="application/json">
        {
            "service": "map",
            "version": "3.0",
                "map": {
                "zoom": 16,
                "width": "100%",
                "height": "300px"
                },
            "contact": {
                "address": "Rue de Reims 20, 2417 Luxembourg",
                "options": {
                    "color": "#369"
                }
            }
        }
        </script>

Map Webtools documentation