WordPress Plugin
Installation
Section titled “Installation”Install the Fenod Maps plugin from the WordPress plugin directory:
- In your WordPress admin, go to Plugins > Add New
- Search for Fenod Maps
- Click Install Now, then Activate
Alternatively, download the plugin from wordpress.org and upload the ZIP via Plugins > Add New > Upload Plugin.
Configuration
Section titled “Configuration”Navigate to Settings > Fenod Maps in the WordPress admin.
| Setting | Description |
|---|---|
| API Key | Your Fenod Maps API key from the dashboard |
| Default Style | Map style used when none is specified (light, dark, streets, minimal, corporate) |
| Default Latitude | Default center latitude |
| Default Longitude | Default center longitude |
| Default Zoom | Default zoom level (1—18) |
Shortcode
Section titled “Shortcode”Use the [fenod_map] shortcode to embed a map in any post or page.
Attributes
Section titled “Attributes”| Attribute | Default | Description |
|---|---|---|
lat | Settings default | Center latitude |
lng | Settings default | Center longitude |
zoom | Settings default | Zoom level |
style | Settings default | Map style name |
height | 400px | Map container height |
width | 100% | Map container width |
api_key | Settings default | Override API key for this map |
interactive | true | Enable pan/zoom interaction |
Examples
Section titled “Examples”Basic map centered on Paris:
[fenod_map lat="48.8566" lng="2.3522" zoom="12"]Dark style, fixed height, non-interactive:
[fenod_map style="dark" height="300px" interactive="false"]Corporate style centered on Berlin:
[fenod_map lat="52.5200" lng="13.4050" zoom="10" style="corporate"]Gutenberg block
Section titled “Gutenberg block”In the block editor, click + and search for Fenod Map. Insert the block, then configure it in the sidebar panel:
- Location — set latitude, longitude, and zoom
- Style — choose a map style from the dropdown
- Dimensions — set width and height
- Interaction — toggle pan/zoom on or off
The block shows a live preview in the editor.
Troubleshooting
Section titled “Troubleshooting”Maps not loading
Section titled “Maps not loading”- Verify your API key is entered in Settings > Fenod Maps
- Confirm your WordPress domain is in the API key’s allowlist in the dashboard
- Check the browser console for
401errors, which indicate an invalid or missing key
Map appears but tiles are blank
Section titled “Map appears but tiles are blank”- Your domain may not be allowlisted. Add it in the dashboard under your API key settings.
- Check that your plan has not exceeded its monthly request limit.
Shortcode not rendering
Section titled “Shortcode not rendering”- Make sure the plugin is activated under Plugins
- Verify the shortcode syntax — attributes must use double quotes:
[fenod_map lat="48.8566"]