Getting Started
1. Create an account
Section titled “1. Create an account”Sign up at the Fenod Maps dashboard.
2. Create an API key
Section titled “2. Create an API key”Once logged in, navigate to API Keys and create a new key. Each key is scoped to specific domains for security.
3. Add domains to the allowlist
Section titled “3. Add domains to the allowlist”In the API key settings, add every domain that will serve your map. Requests from unlisted domains will be rejected.
4. Add a map to your page
Section titled “4. Add a map to your page”Include MapLibre GL JS and initialize a map with your API key:
<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.1.1/dist/maplibre-gl.css"/><script src="https://unpkg.com/maplibre-gl@5.1.1/dist/maplibre-gl.js"></script>
<div id="map" style="height:400px"></div>
<script> new maplibregl.Map({ container: "map", style: "https://tiles.fenod.fr/v1/styles/light.json?key=YOUR_API_KEY", center: [2.3522, 48.8566], zoom: 12, });</script>Replace YOUR_API_KEY with the key from your dashboard.
Available styles
Section titled “Available styles”| Style | Description |
|---|---|
light | Clean light basemap |
dark | Dark theme for low-light interfaces |
streets | Detailed street-level map |
minimal | Reduced detail for data visualizations |
corporate | Neutral tones for business dashboards |
Use any style by changing the name in the style URL:
https://tiles.fenod.fr/v1/styles/{style}.json?key=YOUR_API_KEYGDPR compliance
Section titled “GDPR compliance”Fenod Maps is fully hosted on EU infrastructure. No user data leaves the European Union, and no third-party tracking is involved. This makes Fenod Maps a compliant choice for GDPR-sensitive applications without requiring cookie banners for map functionality.