Map

Adds an interactive map powered by Mapbox.

Plugin documentation

To enable the Mapbox map on your website, you'll need a Mapbox access token. Mapbox uses access tokens to associate API requests with your account. You can create a new access token on your Access Tokens page or programmatically using the Mapbox Tokens API. Once a new access token is created, please replace the original access token at src/assets/js/map.js with the new one.

  • data-map='{"center": [8.576428141525788, 50.75732298435783], "zoom": 16}' - initializes the map plugin. Please see the official plugin documentation for a full list of options. 
<div class="ratio ratio-21x9">
  <div class="ratio-item" data-map='{"center": [-118.244615, 34.052979], "zoom": 12}'></div>
</div>