Button-triggered map

Trigger the map to show on button press, allowing users to access the map when needed without it taking up space on the page by default.

The map requires JavaScript to be enabled.

import InteractiveMap from '@defra/interactive-map'
import maplibreProvider from '@defra/interactive-map/providers/maplibre'

new InteractiveMap('my-map', {
  behaviour: 'buttonFirst',
  mapProvider: maplibreProvider(),
  mapStyle: {
    url: 'https://your-tile-url/style.json',
    logo: '/path/to/logo.svg',
    logoAltText: 'Your logo alt text',
    attribution: 'Your tile attribution'
  },
  center: [-1.6, 53.1],
  zoom: 6,
  hasExitButton: true
})

<script src="/your-assets-path/interactive-map/index.js"></script>
<script src="/your-assets-path/maplibre-provider/index.js"></script>

<script>
new defra.InteractiveMap('my-map', {
  behaviour: 'buttonFirst',
  mapProvider: defra.maplibreProvider(),
  mapStyle: {
    url: 'https://your-tile-url/style.json',
    logo: '/path/to/logo.svg',
    logoAltText: 'Your logo alt text',
    attribution: 'Your tile attribution'
  },
  center: [-1.6, 53.1],
  zoom: 6,
  hasExitButton: true
})
</script>