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.

WP Easy Soft

Tarekul Islam

<p>Easy Map is a lightweight <strong>WordPress store locator plugin</strong> that helps you create interactive maps, display multiple business locations, and add store finder functionality to your website. With <strong>OpenStreetMap</strong> and <strong>Leaflet</strong> support, Easy Map lets you create maps without setting up a Google Maps API key when using OpenStreetMap</p>
<p>Whether you manage retail stores, restaurant branches, clinics, offices, service areas, or custom locations, Easy Map makes it easy to add maps to WordPress using shortcodes or Gutenberg blocks. You can also use Google Maps or Bing Maps with an API key if your project requires those map providers.</p>
<p><strong><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="https://wpeasysoft.com/contact/" rel="nofollow ugc">Support</a></strong></p>
<h4>Why Choose Easy Map – Store Locator Plugin for WordPress ?</h4>
<p>Choose Easy Map if you want a simple way to add interactive WordPress maps and store locator functionality to your website.</p>
<ul>
<li>Create maps without an API key using OpenStreetMap</li>
<li>Add a store locator for multiple business locations</li>
<li>Display custom map markers with location details</li>
<li>Use OpenStreetMap, Google Maps, or Bing Maps</li>
<li>Add maps using shortcodes or Gutenberg blocks</li>
<li>Draw routes, areas, circles, rectangles, and polygons</li>
<li>Build responsive maps for business websites, directories, and local services</li>
<li>Manage maps with beginner-friendly settings inside WordPress</li>
</ul>
<h4>No API Key Required with OpenStreetMap</h4>
<p>One of the biggest advantages of Easy Map is that you can create WordPress maps using OpenStreetMap without setting up a Google Maps API key. This makes the plugin easier for beginners, small businesses, and website owners who want to display locations without dealing with Google Cloud billing or API configuration.</p>
<p>With OpenStreetMap support, you can:</p>
<ul>
<li>Add maps without Google Maps API setup</li>
<li>Avoid complicated billing configuration for OpenStreetMap maps</li>
<li>Create store locator maps faster</li>
<li>Use an open-source map provider</li>
<li>Keep Google Maps and Bing Maps as optional providers when needed</li>
</ul>
<p>Easy Map is a useful Google Maps alternative for WordPress users who want a flexible map plugin with OpenStreetMap and Leaflet support.</p>
<h4>Key Features of Easy Map</h4>
<p>Easy Map includes the essential tools you need to create interactive maps, store locators, custom markers, and location-based displays inside WordPress. From choosing map providers to adding shortcodes and drawing custom areas, each feature is designed to make map creation simple for beginners and flexible for advanced users</p>
<p><strong>Multiple Map Providers</strong></p>
<p>Easy Map gives you flexibility by supporting multiple map providers. You can use OpenStreetMap for a simple no-API-key setup, or connect Google Maps and Bing Maps if your project requires those providers. This makes Easy Map useful for different types of WordPress websites, from small business websites to location-based directories.</p>
<p><strong>Store Locator with Categories</strong></p>
<p>Easy Map helps you create a store locator for your WordPress website so visitors can find business locations, branches, offices, or service points from one interactive map. You can organize locations using store categories, making it easier for users to understand different location types.</p>
<p>Useful for:</p>
<ul>
<li>Retail outlets</li>
<li>Restaurant branches</li>
<li>Clinic locations</li>
<li>Service centers</li>
<li>Franchise stores</li>
<li>Local business directories</li>
</ul>
<p><strong>Multiple Markers and Locations</strong></p>
<p>With Easy Map, you can add multiple markers and locations to your WordPress map. This is useful for businesses that need to display branches, offices, service points, or custom locations. Each marker can help visitors understand where a location is and interact with the map more easily.</p>
<p>You can use map markers to show business locations, addresses, service points, or other important places directly on your website.</p>
<p><strong>Drawing Tools for Routes and Areas</strong></p>
<p>Easy Map includes drawing tools that help you create more than simple location markers. You can use drawings to show routes, boundaries, service areas, and custom map zones.</p>
<ul>
<li>Use polylines to show routes or paths</li>
<li>Use polygons to show service areas or boundaries</li>
<li>Use rectangles to highlight specific map regions</li>
<li>Use circles to show coverage areas or radius-based locations</li>
<li>Use circle markers for custom visual points</li>
</ul>
<p>These drawing tools can be helpful for delivery zones, service areas, property boundaries, routes, and local coverage maps.</p>
<p><strong>Shortcode Support</strong></p>
<p>Easy Map supports shortcodes, so you can add maps, store locators, markers, and drawings to pages, posts, widgets, or other supported areas of your WordPress website</p>
<pre><code>[easy-map]
[easy-map ID="168"]
[easy-map-store-locator ID="1"]
[easy-map-marker ID="1"]
[easy-map-drawing ID="1"]
</code></pre>
<p>This makes it easy to display a map exactly where you need it without editing theme files.</p>
<p><strong>Gutenberg Block Support</strong></p>
<p>Easy Map also supports the WordPress block editor, so you can add maps using Gutenberg blocks without manually placing shortcodes every time. This makes it easier for beginners and content editors to insert maps while building pages or posts inside WordPress.</p>
<p><strong>Map Customization Options</strong></p>
<p>Easy Map includes useful customization options so you can adjust how your map looks and behaves on your website.</p>
<ul>
<li>Set custom map height</li>
<li>Control default zoom level</li>
<li>Adjust zoom control position</li>
<li>Enable or disable scroll wheel zoom</li>
<li>Use fullscreen map mode</li>
<li>Configure popup behavior for markers</li>
<li>Create responsive maps for different screen sizes</li>
</ul>
<h4>Perfect For Different Business Types</h4>
<p>Easy Map is useful for any business or website that needs to display locations, branches, service areas, or custom map points. Whether you run a local store, restaurant chain, healthcare service, real estate website, or service-based business, the plugin helps visitors find important location information through interactive WordPress maps.</p>
<p><strong>Retail Stores and Franchise Locations</strong></p>
<p>Retail stores and franchises can use Easy Map to display branch locations, outlets, and nearby stores on a single interactive map. This helps customers quickly find the closest location and get the information they need before visiting.</p>
<p><strong>Restaurants, Cafes, and Food Businesses</strong></p>
<p>Restaurants, cafes, and food businesses can use Easy Map to display branch locations, service areas, or delivery zones. This makes it easier for visitors to find nearby branches or understand where the business operates.</p>
<p><strong>Healthcare and Medical Services</strong></p>
<p>Healthcare businesses can use Easy Map to show clinic locations, pharmacy branches, hospitals, or diagnostic centers. A clear location map helps patients find the right branch or service center more easily</p>
<p><strong>Real Estate and Property Listings</strong></p>
<p>Real estate agencies can use Easy Map to display property locations, rental listings, land areas, or neighborhood zones. Drawing tools like polygons and rectangles can also help highlight property boundaries or service regions.</p>
<p><strong>Service Area Businesses</strong></p>
<p>Service area businesses can use Easy Map to show delivery zones, coverage areas, and operating regions. This is useful for local service providers, delivery businesses, repair companies, and agencies that serve specific locations.</p>
<h4>Easy Map Free Features</h4>
<p>The free version of Easy Map includes essential map and store locator features for WordPress users.</p>
<ul>
<li>OpenStreetMap support without API key setup</li>
<li>Google Maps and Bing Maps support with API key</li>
<li>Store locator functionality</li>
<li>Store category management</li>
<li>Multiple map markers and locations</li>
<li>Drawing tools for routes, areas, and boundaries</li>
<li>Shortcode support for maps, markers, drawings, and store locators</li>
<li>Gutenberg block support</li>
<li>Custom map settings</li>
<li>Responsive map display</li>
</ul>
<p>These features make Easy Map a practical free WordPress map plugin for websites that need store locator maps, business location maps, or interactive map displays.</p>
<h4>Upgrade to Easy Map Pro</h4>
<p>Need more advanced map and store locator options? <strong><a href="https://wpeasysoft.com/wordpress-plugins/easy-map/" rel="nofollow ugc">Easy Map Pro</a></strong> adds extra features for growing websites, large directories, and multi-location businesses.</p>
<ul>
<li>Marker clustering for maps with many locations</li>
<li>Geo search for store locator and custom maps</li>
<li>Custom marker icons and marker colors</li>
<li>Dynamic location selection from dropdown</li>
<li>Dynamic drawing selection from dropdown</li>
<li>Advanced location and store management options</li>
<li>More flexible store locator experience</li>
</ul>
<p><strong>Easy Map Pro</strong> is useful when you need advanced WordPress store locator plugin features for larger maps, location directories, or business websites with many locations.</p>
<h4>Shortcode Examples</h4>
<p>Easy Map supports shortcodes so you can display maps, store locators, markers, and drawings anywhere on your WordPress website. Copy the shortcode you need and paste it into any page, post, widget, or supported page builder area.</p>
<p><strong>Basic Map Shortcode</strong></p>
<pre><code>[easy-map]
</code></pre>
<p><strong>Display a Specific Map</strong></p>
<pre><code>[easy-map ID="168"]
</code></pre>
<p><strong>Store Locator Shortcode</strong></p>
<pre><code>[easy-map-store-locator ID="1"]
</code></pre>
<p><strong>Marker and Drawing Shortcodes</strong></p>
<pre><code>[easy-map-marker ID="1"]
[easy-map-drawing ID="1"]
</code></pre>
<h4>Video Tutorial</h4>
<p>Watch the Easy Map video tutorial to learn how to create your first WordPress map, add markers, configure map settings, and display the map on your website using a shortcode or Gutenberg block.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><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></span>
<h3>Support</h3>
<p>Need help using Easy Map? You can check the <strong><a href="https://wpeasysoft.com/docs/" rel="nofollow ugc">documentation</a></strong> for setup guides, shortcode examples, and feature instructions. For plugin issues, questions, or feature requests, please use<br />
the <strong><a href="https://wordpress.org/support/plugin/easy-map/" rel="ugc">WordPress.org</a></strong> support forum or contact the WP Easy Soft <strong><a href="https://wpeasysoft.com/contact/" rel="nofollow ugc">support team</a></strong></p>
<h3>JS Libraries Used</h3>
<p>The Third party libraries, non-compiled version of JavaScript and/or CSS-related documentation and source code can be found at the following links:</p>
<ol>
<li><strong>assets/js/leaflet/leaflet.js</strong>: Leaflet an open-source JavaScript library for mobile-friendly interactive map. <a href="https://leafletjs.com/" rel="nofollow ugc">Documentation</a>,  <a href="https://github.com/Leaflet/Leaflet" rel="nofollow ugc">Source Code</a></li>
<li><strong>assets/js/leaflet/Leaflet.draw.js</strong>: Leaflet.draw, a plugin that adds drawing and editing tools to Leaflet powered maps. <a href="https://github.com/Leaflet/Leaflet.draw" rel="nofollow ugc">Source Code</a></li>
<li><strong>assets/js/leaflet/GoogleMutant.js</strong>: Leaflet plugin to display Google maps baselayers using DOM mutation observers. <a href="https://gitlab.com/IvanSanchez/Leaflet.GridLayer.GoogleMutant" rel="nofollow ugc">Source Code</a></li>
<li><strong>assets/js/leaflet/leaflet-bing-layer.js</strong>: Bing Maps Layer for Leaflet. <a href="https://github.com/digidem/leaflet-bing-layer" rel="nofollow ugc">Source Code</a></li>
</ol>


Easy Map- Store Locator Plugin for WordPress (No API Key Required)

Create store locator maps, multiple markers, drawings, and interactive WordPress maps with OpenStreetMap, Google Maps, Bing Maps, and Leaflet.

ThemeCanvas Locations for Elementor with OpenStreetMap vs Easy Map- Store Locator Plugin for WordPress (No API Key Required)