FAIR

Federated and Independent Repositories

ThemeCanvas Locations for Elementor with OpenStreetMap

Plugin Banner

ThemeCanvas Locations for Elementor with OpenStreetMap

by Jonny Quinn

Download
Description

ThemeCanvas Locations for Elementor with OpenStreetMap lets you add beautiful, interactive maps to your Elementor pages using OpenStreetMap and Leaflet.js.

Add interactive OpenStreetMap maps in Elementor with the ThemeCanvas Locations widget.

This Elementor map plugin uses Leaflet.js to create fully customizable, responsive maps with unlimited location markers — no Google Maps API or tracking required.

Ideal for building store locator maps, contact maps, or multi-location layouts directly within Elementor, using fast, GDPR-compliant OpenStreetMap data.

Features

  • Manual Location Entry – Add unlimited locations directly in the Elementor editor
  • Custom Pin Colors – Set unique colors for each location marker or set a global default
  • Map Style Themes – Choose from 4 map styles: Standard, Dark, Humanitarian, or Terrain
  • Interactive Popups – Rich popup content with WYSIWYG editor and customizable max width
  • Customizable Maps – Control zoom level, map height, and scroll behavior
  • Style Controls – Customize popup title, link, and background colors
  • Coordinate Validation – Automatic validation ensures accurate map positioning
  • OpenStreetMap Integration – Step-by-step instructions to find coordinates
  • Fully Responsive – Works perfectly on all devices
  • No API Key Required – Unlike Google Maps, completely free to use
  • GDPR Compliant – No user tracking or data collection
  • Lightweight – Only loads assets when widget is used

Pro Version

Upgrade to Pro to unlock dynamic locations and advanced querying while keeping full compatibility with your existing manual maps.

  • Dynamic Locations from posts and custom post types (CPTs)
  • Advanced Querying with include/exclude and taxonomy filters
  • Auto-Fit Bounds for clean multi-location map displays
  • Per-Location Pin Colors saved in post meta
  • Built-In Coordinate Metabox for faster editor workflows

Learn more: ThemeCanvas Pro

How to Use

  1. Install and activate the plugin
  2. Edit any page with Elementor
  3. Search for “ThemeCanvas Locations” widget
  4. Drag it to your page
  5. Click “Add Item” to create a location
  6. Follow the OpenStreetMap coordinate instructions
  7. Customize your map settings and styles
  8. Publish!

Finding Coordinates

The widget includes step-by-step instructions:

  1. Open OpenStreetMap
  2. Search for your location
  3. Right-click on the exact spot
  4. Select “Show address”
  5. Copy coordinates from the sidebar
  6. Paste into the widget

Requirements

  • WordPress 6.0 or higher
  • Elementor 3.0.0 or higher
  • PHP 7.4 or higher

Credits

Additional Information

Browser Compatibility

  • Chrome (latest)
  • Firefox (latest)
  • Safari (latest)
  • Edge (latest)
  • Opera (latest)

Performance

  • Lightweight – Only loads Leaflet library when widget is used
  • No duplicate asset loading – Smart asset management
  • Optimized for speed – Minimal overhead

Privacy

This plugin does not:
* Collect any user data
* Use cookies
* Connect to external services (except OpenStreetMap tiles)
* Track users

Developer Friendly

  • Clean, well-documented code
  • WordPress Coding Standards compliant
  • Namespaced (LMFE)
  • Extensible architecture
  • Translation ready

Translations

  • English (default)
  • Translation ready – .pot file included
  • Contribute translations via WordPress.org

Links

License

This plugin is licensed under GPL v2 or later.

ThemeCanvas Locations for Elementor with OpenStreetMap
Copyright (C) 2024 Jonny Quinn

This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License along
with this program; if not, write to the Free Software Foundation, Inc.,
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.

Automatic Installation

  1. Go to Plugins > Add New
  2. Search for “ThemeCanvas Locations for Elementor with OpenStreetMap”
  3. Click Install Now
  4. Activate the plugin

Manual Installation

  1. Download the plugin zip file
  2. Go to Plugins > Add New > Upload Plugin
  3. Choose the zip file and click Install Now
  4. Activate the plugin

After Activation

  1. Edit any page with Elementor
  2. Find “ThemeCanvas Locations” in the widget panel
  3. Drag to your page and start adding locations
  1. Widget controls in Elementor editor

    Widget controls in Elementor editor

  2. Manual locations repeater with coordinate instructions

    Manual locations repeater with coordinate instructions

  3. Map settings and style controls

    Map settings and style controls

Do I need an API key?

No! Unlike Google Maps, OpenStreetMap is completely free and requires no API keys.

Can I use custom marker colors?

Yes! Each location has a Pin Color control. Leave empty for default red, or choose any custom color.

How many locations can I add?

Unlimited! Add as many locations as you need to each map.

Does it work with any theme?

Yes! As long as you have Elementor installed, it works with any WordPress theme.

Is it compatible with Elementor Pro?

Yes! Works with both free Elementor and Elementor Pro.

Where can I get support?

You can get support via the WordPress.org support forum

Is it GDPR compliant?

Yes! The plugin doesn’t collect any user data. Map tiles are loaded from OpenStreetMap servers.

Lightweight and flexible

By jwelle8 on March 26, 2026

This plugin integrates smoothly with Elementor. It is reliable and efficient, loading quickly without slowing down the site, and gives developers the freedom to customise maps, pins, and styling with minimal effort. For anyone looking, this delivers exactly what’s needed.

Seamless plug in! Highly recommended

By maxi128 on March 26, 2026

Using this plugin with Elementor is straightforward. It gives freedom to style the map and add location pins. Overall, it’s a reliable, flexible solution for anyone who wants a clean map integration without extra costs.

Amazing Tool

By monaiisr on March 25, 2026

Really like how simple this plugin is. Super easy to drop into Elementor and add locations without the usual hassle.

Finally a maps plugin that just works

By ram1992 on March 25, 2026

Finally a maps plugin that just works. No API key, no tracking, no bloat. Dropped it into Elementor in minutes, added my locations and published. The OpenStreetMap integration is clean and the coordinate instructions make it foolproof. Highly recommended.

Exactly what I was looking for

By cindychua212 on March 25, 2026

Exactly what I was looking for. I needed a simple way to add interactive maps in Elementor without dealing with Google Maps API keys or GDPR headaches. ThemeCanvas Locations works perfectly straight out of the box. The custom pin colors, popup editor and map style themes are a great touch. Lightweight, fast and privacy-friendly. Couldn't ask for more!

AH-mazing Plugin

By leslyy on March 22, 2026

AH-mazing lightweight plugin! Super easy to use with Elementor, and I love that it uses OpenStreetMap, no API key needed. The customization options for markers and styles are simple but effective. Perfect for adding clean, responsive maps without slowing down the site. Highly recommended!

1.3.4 – 2026-05-03

  • Security: added noreferrer to OpenStreetMap help link that opens in a new tab
  • Accessibility: added descriptive screen-reader text for map marker count and keyboard navigation hint
  • Readme: expanded Pro Version section and refreshed screenshots list for WordPress.org assets

1.3.3 – 2026-03-20

  • Added dismissible admin notice for Pro version
  • Accessibility: added skip link and ARIA label to map output
  • Readme: added Pro version overview section

1.3.2 – 2026-03-13

  • Security: add rel=”noopener noreferrer” to admin notice links that open in a new tab

1.3.1 – 2026-02-13

  • Fixed missing map styles when Leaflet is already loaded by another plugin
  • Allowed valid 0 latitude/longitude coordinates
  • Improved translation loading

1.3.0 – 2025-01-28

  • Added review request notice after 7 days of use
  • Added Default Pin Color setting for global marker color
  • Added Map Style control with 4 tile themes (Standard, Dark, Humanitarian, Terrain)
  • Added Popup Max Width style control
  • All markers now use custom SVG icons with configurable colors
  • Improved map customization options

1.2.0 – 2025-01-08

  • Updated plugin name for WordPress.org compliance
  • Added Requires Plugins header for Elementor dependency
  • Standardized text domain to themecanvas-locations-for-elementor
  • Removed unused Pro infrastructure code
  • Fixed widget loader compatibility
  • Improved WordPress.org guidelines compliance

1.0.0 – 2024-12-13

  • Initial release
  • Manual location entry with repeater
  • Custom pin colors per location
  • Coordinate validation
  • OpenStreetMap integration with instructions
  • Customizable popups and map settings
  • Style controls for popup appearance
  • Fully responsive design
  • GPL v2+ licensed
Back to top