Jonny Quinn

<p><strong>ThemeCanvas Locations for Elementor with OpenStreetMap</strong> lets you add beautiful, interactive maps to your Elementor pages using OpenStreetMap and Leaflet.js.</p>
<p>Add interactive OpenStreetMap maps in Elementor with the ThemeCanvas Locations widget.</p>
<p>This Elementor map plugin uses Leaflet.js to create fully customizable, responsive maps with unlimited location markers — no Google Maps API or tracking required.</p>
<p>Ideal for building store locator maps, contact maps, or multi-location layouts directly within Elementor, using fast, GDPR-compliant OpenStreetMap data.</p>
<h4>Features</h4>
<ul>
<li><strong>Manual Location Entry</strong> – Add unlimited locations directly in the Elementor editor</li>
<li><strong>Custom Pin Colors</strong> – Set unique colors for each location marker or set a global default</li>
<li><strong>Map Style Themes</strong> – Choose from 4 map styles: Standard, Dark, Humanitarian, or Terrain</li>
<li><strong>Interactive Popups</strong> – Rich popup content with WYSIWYG editor and customizable max width</li>
<li><strong>Customizable Maps</strong> – Control zoom level, map height, and scroll behavior</li>
<li><strong>Style Controls</strong> – Customize popup title, link, and background colors</li>
<li><strong>Coordinate Validation</strong> – Automatic validation ensures accurate map positioning</li>
<li><strong>OpenStreetMap Integration</strong> – Step-by-step instructions to find coordinates</li>
<li><strong>Fully Responsive</strong> – Works perfectly on all devices</li>
<li><strong>No API Key Required</strong> – Unlike Google Maps, completely free to use</li>
<li><strong>GDPR Compliant</strong> – No user tracking or data collection</li>
<li><strong>Lightweight</strong> – Only loads assets when widget is used</li>
</ul>
<h4>Pro Version</h4>
<p>Upgrade to Pro to unlock dynamic locations and advanced querying while keeping full compatibility with your existing manual maps.</p>
<ul>
<li><strong>Dynamic Locations</strong> from posts and custom post types (CPTs)</li>
<li><strong>Advanced Querying</strong> with include/exclude and taxonomy filters</li>
<li><strong>Auto-Fit Bounds</strong> for clean multi-location map displays</li>
<li><strong>Per-Location Pin Colors</strong> saved in post meta</li>
<li><strong>Built-In Coordinate Metabox</strong> for faster editor workflows</li>
</ul>
<p>Learn more: <a href="https://themecanvas.co.uk/" rel="nofollow ugc">ThemeCanvas Pro</a></p>
<h4>How to Use</h4>
<ol>
<li>Install and activate the plugin</li>
<li>Edit any page with Elementor</li>
<li>Search for “ThemeCanvas Locations” widget</li>
<li>Drag it to your page</li>
<li>Click “Add Item” to create a location</li>
<li>Follow the OpenStreetMap coordinate instructions</li>
<li>Customize your map settings and styles</li>
<li>Publish!</li>
</ol>
<h4>Finding Coordinates</h4>
<p>The widget includes step-by-step instructions:</p>
<ol>
<li>Open <a href="https://www.openstreetmap.org" rel="nofollow ugc">OpenStreetMap</a></li>
<li>Search for your location</li>
<li>Right-click on the exact spot</li>
<li>Select “Show address”</li>
<li>Copy coordinates from the sidebar</li>
<li>Paste into the widget</li>
</ol>
<h4>Requirements</h4>
<ul>
<li>WordPress 6.0 or higher</li>
<li>Elementor 3.0.0 or higher</li>
<li>PHP 7.4 or higher</li>
</ul>
<h4>Credits</h4>
<ul>
<li>Built by <a href="https://themecanvas.co.uk/" rel="nofollow ugc">Jonny Quinn</a></li>
<li>Powered by <a href="https://leafletjs.com" rel="nofollow ugc">Leaflet.js</a> 1.9.4</li>
<li>Map data © <a href="https://www.openstreetmap.org/copyright" rel="nofollow ugc">OpenStreetMap</a> contributors</li>
</ul>
<h3>Additional Information</h3>
<h4>Browser Compatibility</h4>
<ul>
<li>Chrome (latest)</li>
<li>Firefox (latest)</li>
<li>Safari (latest)</li>
<li>Edge (latest)</li>
<li>Opera (latest)</li>
</ul>
<h4>Performance</h4>
<ul>
<li>Lightweight – Only loads Leaflet library when widget is used</li>
<li>No duplicate asset loading – Smart asset management</li>
<li>Optimized for speed – Minimal overhead</li>
</ul>
<h4>Privacy</h4>
<p>This plugin does not:<br />
* Collect any user data<br />
* Use cookies<br />
* Connect to external services (except OpenStreetMap tiles)<br />
* Track users</p>
<h4>Developer Friendly</h4>
<ul>
<li>Clean, well-documented code</li>
<li>WordPress Coding Standards compliant</li>
<li>Namespaced (LMFE)</li>
<li>Extensible architecture</li>
<li>Translation ready</li>
</ul>
<h4>Translations</h4>
<ul>
<li>English (default)</li>
<li>Translation ready – .pot file included</li>
<li>Contribute translations via WordPress.org</li>
</ul>
<h4>Links</h4>
<ul>
<li><a href="https://themecanvas.co.uk/themecanvas-locations-for-elementor" rel="nofollow ugc">Plugin Homepage</a></li>
<li><a href="https://themecanvas.co.uk/docs/themecanvas-locations-for-elementor" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://wordpress.org/support/plugin/themecanvas-locations-for-elementor/" rel="ugc">Support Forum</a></li>
</ul>
<h3>License</h3>
<p>This plugin is licensed under GPL v2 or later.</p>
<p>ThemeCanvas Locations for Elementor with OpenStreetMap<br />
Copyright (C) 2024 Jonny Quinn</p>
<p>This program is free software; you can redistribute it and/or modify<br />
it under the terms of the GNU General Public License as published by<br />
the Free Software Foundation; either version 2 of the License, or<br />
(at your option) any later version.</p>
<p>This program is distributed in the hope that it will be useful,<br />
but WITHOUT ANY WARRANTY; without even the implied warranty of<br />
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the<br />
GNU General Public License for more details.</p>
<p>You should have received a copy of the GNU General Public License along<br />
with this program; if not, write to the Free Software Foundation, Inc.,<br />
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.</p>


ThemeCanvas Locations for Elementor with OpenStreetMap

Add beautiful OpenStreetMap locations to Elementor with manual coordinate entry and custom pin colors.

Alessandro Lin

<p>Lightweight Plugin to display in your website multiple free road maps.<br />You can have as many maps as you need but only one per page.<br />You can display a “VIEW MAP” button. A single page can have many buttons.<br />To display a Map you can choose between Api javascript Openlayers and Api Leaflet <br /> Map tiles by OpenStreetMap. Access key is not required.<br />Map tiles by Mapbox. Access key is required. Mapbox create satellite maps.</p>
<h4>Features</h4>
<ul>
<li>Simple Map.</li>
<li>Complex Map, with Marker and / or PopUp. The popup created with the Api OpenLayers has a green icon with links to the Directions.</li>
<li>Multiple maps.</li>
<li>Road maps and satellite maps.</li>
<li>Displays a “VIEW MAP” button. View the map, full screen, on a new page.</li>
</ul>
<h3>Demo</h3>
<p><a href="https://osmaps.edilweb.eu" rel="nofollow ugc">View:</a></p>
<h3>Minimal usage</h3>
<ul>
<li>Configure the Settings -> OSMaps from the admin dashboard. Change the defaultMap options and save.</li>
<li>Insert the shortcode in an article or in a page. Look the OSMaps administrative page for the shortcodes.</li>
<li>Done!</li>
</ul>


ThemeCanvas Locations for Elementor with OpenStreetMap vs OSMaps