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.

Flipper Code - WordPress Development Company

<p><strong>Build stunning, interactive maps with listing in minutes — no coding required.</strong></p>
<p><strong>WP Maps</strong> is a powerful yet easy-to-use WordPress map plugin that supports both Google Maps and OpenStreetMap. Create fully customized maps in just a few clicks with custom markers, searchable listings, and smart filters. Whether you’re building a store locator, showcasing locations, or simply adding a map to your contact page — this plugin makes it effortless.</p>
<p>Perfect for:</p>
<ul>
<li>Business directories and listings</li>
<li>Store locators</li>
<li>Service area maps</li>
<li>Contact pages </li>
<li>Any map-based project you can think of.</li>
</ul>
<p><strong>Easily create simple or advanced maps tailored to your needs, fully customizable to match your website’s branding.</strong></p>
<h3>Features</h3>
<p><strong>Free Version</strong></p>
<ul>
<li><strong>Easily create interactive Google Maps with custom markers, smart search, filters, and paginated listings.</strong></li>
<li>Use Google Maps, OpenStreetMap, or Mapbox as your map provider, with easy switching between them.</li>
<li>Create multiple maps with different locations and listing.</li>
<li>Enable sorting and pagination for listings.</li>
<li>Enable marker clustering from the backend to group markers on the map.</li>
<li>Automatically update the map center based on filtered markers.</li>
<li>Display maps easily using shortcodes.</li>
<li>Display maps in posts, pages, and widgets.</li>
<li>Manage listing and marker infowindow content from the backend using dynamic placeholders.</li>
<li>Auto-center the map using custom latitude and longitude, the visitor’s location, or backend-assigned locations.</li>
<li>Fully GDPR-compliant Google Maps integration for privacy-friendly usage.</li>
<li>Draw circles, squares, polygons, and custom shapes on the map.</li>
<li>Display infowindows on click or hover for shapes, similar to marker infowindows.</li>
<li>Display a circle and marker at the center location of the map.</li>
<li>Show or hide markers on page load.</li>
<li>Supports Snazzy Maps.</li>
<li>Use custom or pre-built marker icons.</li>
<li>Open marker infowindows on click or hover.</li>
<li>Add bounce and drop animation effects to markers on map load.</li>
<li>Center or zoom the map on marker click.</li>
<li>Show listings below the map with search and filters.</li>
<li>Reset map button to restore the map to its original state.</li>
<li>Predefined color schemes for listings.</li>
<li>Custom color schemes for listings.</li>
<li>Show infowindow when a listing title is clicked.</li>
<li>Custom map color schemes.</li>
<li>Set primary and secondary colors.</li>
<li>Add custom CSS.</li>
<li>Responsive and mobile-friendly design.</li>
<li>Enable or disable zoom, fullscreen, map type, scale, Street View, camera, and “Locate Me” controls.</li>
<li>Position map controls at different locations on the map.</li>
<li>Limit map panning using SW/NE coordinates.</li>
<li>Enable KML/KMZ, traffic, transit, and bicycling layers.</li>
<li>GeoJSON support.</li>
<li>Import/export settings via JSON.</li>
<li>Localization ready.</li>
<li>Add custom styling.</li>
<li>Works with all major page builders and themes.</li>
<li>Fully documented with step by step and easy to understand instructions.</li>
<li>Cross-browser compatible — tested on IE8+, Chrome, Firefox, and Safari.</li>
</ul>
<p><strong>Pro Version</strong> <strong><a href="https://www.wpmapspro.com?utm_source=wordpress&utm_medium=liteversion&utm_campaign=freemium&utm_id=freemium" rel="nofollow ugc">WP MAPS PRO Version</a></strong>.</p>
<ul>
<li><strong>Includes everything in the free version, plus powerful premium features:</strong></li>
<li>Multiple designs and layouts for marker infowindows.</li>
<li>Multiple designs and layouts for listing records.</li>
<li>Display blog posts, pages, or any existing data (custom post types) from your WordPress site with just a few clicks.</li>
<li>Display posts using custom fields.</li>
<li>Display posts using the Advanced Custom Fields (ACF) plugin.</li>
<li>Create unlimited custom filters in the backend based on custom fields, taxonomies, or ACF fields — ideal for complex map searches.</li>
<li>Enable searching and filtering using URL parameters — great for sharing filtered map views.</li>
<li>List and grid-style listing layouts.</li>
<li>Allow users to filter markers by location and radius (in kilometers or miles).</li>
<li>Filter markers based on marker categories.</li>
<li>Filter markers based on custom taxonomy terms of any custom post type.</li>
<li>Display multiple custom routes between locations directly on your map for a seamless navigation experience.</li>
<li>Customize color, opacity, and weight for each route.</li>
<li>Directions API integration to allow users to get directions between locations on the map.</li>
<li>Add custom HTML, images, or videos as map controls for interactive, branded maps.</li>
<li>Prevent overlapping markers with automatic spiderfier effects — perfect for clustered or identical locations.</li>
<li>Enable smart tabs for Categories, Directions, Routes, and Nearby Amenities to enhance user experience.</li>
<li>Admins can apply additional customization to infowindows and listing layouts from the backend.</li>
<li>Apply country restrictions on search results and autosuggestions for more accurate results.</li>
<li>Advanced feature: Integrate with Microsoft Clarity, Google Analytics 4, Meta Pixel, and Zapier to track marker click events.</li>
<li>Access 25+ additional add-ons available with the Pro version, offering extended functionality.</li>
<li>Use SVGs as marker icons — choose from pre-built options or upload your own.</li>
<li>Automatically center the map based on assigned locations.</li>
<li>Show nearby amenities like ATMs, banks, and stores to provide useful local context.</li>
<li>Draggable markers and option to open infowindows by default on page load.</li>
<li>Categorize locations for better organization and filterable maps.</li>
<li>Choose from 100+ ready-to-use colorful markers via Map Icons Collection.</li>
<li>Multilingual ready — supports WPML and other translation plugins.</li>
<li>Compatible with WordPress Multisite, with network-wide activation support.</li>
<li>Easily style maps using Snazzy Maps.</li>
<li>Built-in search control to locate places directly on the frontend map.</li>
<li>Install sample data to get started quickly.</li>
<li>Role-based access control for backend pages.</li>
<li>Seamless upgrade to Pro — no data loss when switching from free to paid.</li>
</ul>
<h3>Free Version Live Demos</h3>
<ul>
<li><a href="https://weplugins.com/wp-maps/" rel="nofollow ugc">All Live Demos</a></li>
<li><a href="https://weplugins.com/wp-maps/live-demo/complete-map-with-search-filters-listing-pagination/" rel="nofollow ugc">Complete Map With Paginated Listing</a></li>
<li><a href="https://weplugins.com/wp-maps/live-demo/draw-shapes-on-google-maps/" rel="nofollow ugc">Shapes on Google Maps</a></li>
<li><a href="https://weplugins.com/wp-maps/live-demo/a-complete-store-locator/" rel="nofollow ugc">Store Locator</a></li>
<li><a href="https://weplugins.com/wp-maps/live-demo/events-listing/" rel="nofollow ugc">Events Listing</a></li>
<li><a href="https://weplugins.com/live-demo/service-center-listings/" rel="nofollow ugc">Service Center Listings</a></li>
<li><a href="https://weplugins.com/wp-maps/live-demo/real-estate-listing/" rel="nofollow ugc">Real Estate Listing</a></li>
<li><a href="https://weplugins.com/wp-maps/live-demo/restaurants-listing/" rel="nofollow ugc">Restaurants Listing</a></li>
<li><a href="https://weplugins.com/wp-maps/live-demo/with-get-directions/" rel="nofollow ugc">With Get Directions</a></li>
<li><a href="https://weplugins.com/wp-maps/live-demo/snazzy-maps-demo/" rel="nofollow ugc">Snazzy Maps Demo</a></li>
</ul>
<h3>Pro Version Live Demos</h3>
<ul>
<li><a href="https://www.wpmapspro.com/examples/" rel="nofollow ugc">All Live Demos</a></li>
</ul>
<h3>Important Links</h3>
<ul>
<li><a href="https://www.wpmapspro.com/tutorials/" rel="nofollow ugc">Tutorials</a></li>
<li><a href="https://www.wpmapspro.com/map-hooks/" rel="nofollow ugc">Hooks & Filters</a></li>
<li><a href="https://weplugins.com/support/" rel="nofollow ugc">Support</a></li>
<li><a href="https://weplugins.com/contact/" rel="nofollow ugc">Custom Development Available</a></li>
</ul>
<h3>🏬 Use Cases – Map Solutions for Every Business</h3>
<p>WP Maps helps you build advanced location maps for any industry. From store locators to real estate maps, here are popular use cases powered by Google Maps or Leaflet:</p>
<ul>
<li>🛍️ Retail Store Locator – Showcase nearby outlets, branches, or chain locations  </li>
<li>🍽️ Restaurant Locator – Help users find your cafes, diners, or food franchises  </li>
<li>🏠 Real Estate Property Map – Display properties with filters for listings  </li>
<li>🏥 Hospital & Clinic Map – Show medical centers, diagnostic labs & walk-ins  </li>
<li>🏋️ Gym & Fitness Center Locator – Promote local gyms, yoga studios & wellness hubs  </li>
<li>🛒 Shopping Mall Directory – Build interactive directories with category filters  </li>
<li>🏨 Hotel & Resort Locator – List resorts, BnBs, and vacation rentals by location  </li>
<li>🚗 Car Dealership Map – Map showrooms, service centers, and authorized dealers  </li>
<li>🏦 Bank & ATM Locator – Help customers locate ATMs and branches  </li>
<li>💊 Pharmacy Finder – Display medical stores and 24/7 pharmacy locations  </li>
<li>💅 Salon & Spa Locator – Show salons, nail bars, and beauty spas nearby  </li>
<li>✂️ Barber Shop Locator – Map grooming centers, barbershops, and hair stylists  </li>
<li>🎓 School & University Maps – Display educational institutions with filters  </li>
<li>🎤 Event Venue Locator – Help users find event halls, venues, and stadiums  </li>
<li>🎬 Cinema & Entertainment Map – List theaters, gaming zones, and arcades  </li>
<li>🖼️ Museum & Art Gallery Locator – Showcase local exhibitions and museums  </li>
<li>🏛️ Government Office Map – Map municipal offices, courts, or embassies  </li>
<li>📦 Post Office & Courier Center Locator – Find shipping centers and drop boxes  </li>
<li>⛪ Religious Center Locator – Show churches, mosques, temples, or community halls  </li>
<li>📚 Library Map – Display public and academic library locations  </li>
<li>🐾 Veterinary & Pet Store Map – Highlight vets, clinics, or pet supply stores  </li>
<li>🔧 Hardware & Home Services Map – Show electricians, repair centers, or hardware stores  </li>
<li>💼 Co-working Space Locator – Help users find shared office spaces or business hubs  </li>
<li>🏗️ Construction & Project Map – Showcase new projects or development plots  </li>
<li>🍷 Wine & Liquor Store Map – Find wine shops and liquor outlets with filters  </li>
<li>🚴 Outdoor & Sports Store Map – Locate gear shops, bike rental points, etc.  </li>
<li>🧸 Toy Store Locator – Promote branded or local toy stores  </li>
<li>🌻 Garden Center & Nursery Map – Help users find garden shops and nurseries  </li>
<li>📖 Bookstore Locator – Showcase independent and chain bookstores  </li>
<li>📱 Electronics Store Map – Map mobile, computer, and appliance retailers  </li>
<li>👗 Clothing Store Locator – Help users find fashion outlets and boutiques  </li>
<li>🛠️ Service Center Locator – Map repair centers for electronics, cars, or devices  </li>
<li>⚖️ Legal & Consultancy Locator – List law firms, advisors, and service offices  </li>
<li>📄 Insurance Office Map – Show agents, offices, and policy assistance centers  </li>
<li>🚛 Dealer & Warehouse Locator – Display regional warehouses and distributors  </li>
<li>🍼 Childcare & Preschool Finder – Help parents locate daycares and nurseries  </li>
<li>🛒 Supermarket & Grocery Store Map – Show supermarkets, mini-markets, or organic stores</li>
</ul>
<p><strong>💡 Whether you’re running a small local shop or a global brand, WP Maps helps you build responsive, searchable, and filterable maps tailored to your business.</strong></p>
<h3>How It Works</h3>
<ol>
<li>Add your locations from <strong>Add Location</strong></li>
<li>Create a map from <strong>Add Map</strong> and assign locations</li>
<li>Use the shortcode (from <strong>Manage Maps</strong>) in posts, pages, or widgets</li>
</ol>
<p><em>Note: Google Maps requires an API key. OpenStreetMap works without a key.</em></p>
<h3>Try It Now</h3>
<p>Explore the plugin instantly using the WordPress Playground:<br />
👉 <a href="https://playground.wordpress.net/?plugin=wp-google-map-plugin" rel="nofollow ugc">Try WP Maps</a></p>


WP Maps – Google Maps,OpenStreetMap,Mapbox,Store Locator,Listing,Directory & Filters

WordPress map plugin for Google Maps, OpenStreetMap & Mapbox with store locator, filterable listings & custom markers.

ThemeCanvas Locations for Elementor with OpenStreetMap vs WP Maps – Google Maps,OpenStreetMap,Mapbox,Store Locator,Listing,Directory & Filters