Jonny Quinn

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.
<h4>Features</h4>
<ul>
<li>Manual Location Entry – Add unlimited locations directly in the Elementor editor</li>
<li>Custom Pin Colors – Set unique colors for each location marker or set a global default</li>
<li>Map Style Themes – Choose from 4 map styles: Standard, Dark, Humanitarian, or Terrain</li>
<li>Interactive Popups – Rich popup content with WYSIWYG editor and customizable max width</li>
<li>Customizable Maps – Control zoom level, map height, and scroll behavior</li>
<li>Style Controls – Customize popup title, link, and background colors</li>
<li>Coordinate Validation – Automatic validation ensures accurate map positioning</li>
<li>OpenStreetMap Integration – Step-by-step instructions to find coordinates</li>
<li>Fully Responsive – Works perfectly on all devices</li>
<li>No API Key Required – Unlike Google Maps, completely free to use</li>
<li>GDPR Compliant – No user tracking or data collection</li>
<li>Lightweight – Only loads assets when widget is used</li>
</ul>
<h4>Pro Version</h4>
Upgrade to Pro to unlock dynamic locations and advanced querying while keeping full compatibility with your existing manual maps.
<ul>
<li>Dynamic Locations – Pull locations from posts or custom post types (CPTs)</li>
<li>Auto-fit Bounds – Automatically frame multiple locations</li>
<li>Advanced Query Controls – Include/exclude and taxonomy filtering</li>
<li>Per-Location Pin Color – Stored in post meta</li>
<li>Built-in Post Metabox – Manage coordinates directly on posts</li>
</ul>
Learn more: <a href="https://themecanvas.co.uk/" rel="nofollow ugc">https://themecanvas.co.uk/</a>
<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>
The widget includes step-by-step instructions:
<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>
This plugin does not: 
* Collect any user data 
* Use cookies 
* Connect to external services (except OpenStreetMap tiles) 
* Track users
<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>
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.

ThemeCanvas Locations for Elementor with OpenStreetMap

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

Nashir Uddin

Tarekul Islam

Easy Map is a powerful yet lightweight WordPress mapping plugin that lets you create interactive maps in minutes – no coding required.
Built on <a href="https://leafletjs.com/" rel="nofollow ugc">LeafletJS</a>, the industry-leading open-source JavaScript library for mobile-friendly maps, Easy Map works out-of-the-box with <a href="https://www.openstreetmap.org/" rel="nofollow ugc">OpenStreetMap</a> – no API key needed. Optionally integrate <a href="https://www.google.com/maps" rel="nofollow ugc">Google Maps</a> or <a href="https://www.bing.com/maps" rel="nofollow ugc">Bing Maps</a> with your API key.
<a href="https://wpeasysoft.com/easy-map-demo/" rel="nofollow ugc">Map Demo</a> | <a href="https://wpeasysoft.com/store-locator-demo/" rel="nofollow ugc">Store Locator Demo</a> | <a href="mailto:nashirbabu@gmail.com" rel="nofollow ugc">Support</a>
<h4>Why Choose Easy Map?</h4>
<ul>
<li>Works Instantly – Uses OpenStreetMap by default, no API key required</li>
<li>Unlimited Locations – Add as many markers as you need</li>
<li>Store Locator Built-in – Complete store finder with category filtering</li>
<li>Drawing Tools – Create polylines, polygons, rectangles, and circles</li>
<li>Gutenberg Ready – Full block editor support</li>
<li>Mobile Responsive – Perfect display on all devices</li>
<li>Lightweight & Fast – Optimized for performance</li>
</ul>
<h4>Key Features</h4>
Multiple Map Providers 
Choose from OpenStreetMap (free), Google Maps, or Bing Maps tile layers.
Unlimited Markers & Locations 
Add unlimited location markers with rich HTML popup content, including images and media.
Store Locator with Categories 
Built-in store locator with category filtering, perfect for multi-location businesses.
Comprehensive Drawing Tools 
Create polylines (routes), polygons (areas), rectangles, circles, and circle markers directly on your maps.
Flexible Shortcodes 
Use auto-generated shortcodes or customize with manual parameters: 
 [easy-map ID=”168″] 
 [easy-map-store-locator ID=”1″] 
 [easy-map lat=’37.28′ lon=’-122.05′ zoom=’12’]
Full Customization
<ul>
<li>Adjustable map height</li>
<li>Zoom controls with position options</li>
<li>Scroll wheel zoom toggle</li>
<li>Full-screen mode</li>
<li>Popup behavior settings (auto-open or click)</li>
</ul>
Gutenberg Block Editor 
Seamlessly integrate maps using the “Easy Leaflet Map” block with live preview.
<h4>Perfect For Any Business</h4>
Easy Map provides a complete map solution for businesses of all sizes. Whether you need a simple store locator or an advanced multi-location directory, Easy Map delivers.
Retail & Store Locator 
Create a store finder for your retail chain, franchise network, or multi-branch business. Help customers locate nearby outlets, check store hours, and get directions.
Real Estate & Property Listings 
Display properties on interactive maps with custom markers. Perfect for real estate agencies, property management companies, and rental listing websites.
Restaurant & Food Business 
Build a restaurant locator for your cafe chain, food delivery service, or franchise. Show menu highlights, opening hours, and reservation links in popups.
Healthcare & Medical Services 
Map hospitals, clinics, diagnostic centers, pharmacies, and medical practitioners. Ideal for healthcare networks and medical directories.
Hotels & Travel 
Create hotel finders, resort locators, and travel destination maps. Display amenities, ratings, and booking information in marker popups.
Service Area Businesses 
Use polygon drawing tools to display service coverage areas. Perfect for delivery zones, installation services, and regional contractors.
Banks & Financial Services 
Build ATM locators, branch finders, and financial service directories with category filtering.
Education & Institutions 
Map schools, universities, training centers, and campus buildings. Great for educational directories and campus navigation.
Events & Entertainment 
Display event venues, concert halls, theaters, and entertainment centers with rich media popups.
Automotive & Dealerships 
Create dealer locators for car showrooms, service centers, spare parts shops, and authorized repair centers.
<h4>Pro Features</h4>
<a href="https://wpeasysoft.com/wordpress-plugins/easy-map/" rel="nofollow ugc">Upgrade to Easy Map Pro</a> for advanced capabilities:
<ul>
<li>Custom Marker Icons – Use different colored markers</li>
<li>Dynamic Location Selection – Choose multiple locations from dropdown</li>
<li>Marker Clustering – Group nearby markers for cleaner maps</li>
<li>Geo Search – Location search functionality</li>
<li>Custom Marker Popups – Advanced popup styling options</li>
</ul>
<h4>Video Tutorial</h4>
How to Add Maps with Multiple Locations, Polylines & Polygons:
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/6aPZ3kxlQsg?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h4>Shortcode Examples</h4>
Easily create a map with auto-generated shortcode:
<pre><code>[easy-map ID="168"]
[easy-map-store-locator ID="1"]
[easy-map-marker ID="1"]
[easy-map-drawing ID="1"]
</code></pre>
Easily create a map with manual shortcode:
<pre><code>[easy-map]
[easy-map lat='37.2811806' lon='-122.0569443']
[easy-map lat='37.2811806' lon='-122.0569443' zoom='12']
[easy-map lat='37.2811806' lon='-122.0569443' zoom='12' popup='Silicon Valley']
[easy-map lat='37.2811806' lon='-122.0569443' zoom='12' tilelayer='google']
</code></pre>
Easily create a map marker with latitude and longitude:
<pre><code>[easy-map-marker lat=23.01 lon=91.38 popup='Dhaka']
</code></pre>
<h3>Support</h3>
For support, feature requests, or any inquiries, please email <a href="mailto:nashirbabu@gmail.com" rel="nofollow ugc">nashirbabu@gmail.com</a>

Easy Map – Store Locator, Google Maps, OpenStreetMap, Leaflet Map

Create interactive maps with store locator, markers, drawings & multiple locations. Supports OpenStreetMap and Google Maps. No API key needed.

ThemeCanvas Locations for Elementor with OpenStreetMap vs Easy Map – Store Locator, Google Maps, OpenStreetMap, Leaflet Map