Giorgos Sarigiannidis

A map block for Gutenberg which uses <a href="https://www.openstreetmap.org" rel="nofollow ugc">OpenStreetMap</a> and <a href="https://leafletjs.com" rel="nofollow ugc">Leaflet.js</a>. It needs no API keys and works out of the box (or, out of the Block, if you prefer). Benefiting from Gutenberg’s potential, the plugin tries a different take on how to add your locations on the map and rethinks a few things, UX-wise.
Instead of manually adding coordinates for each one of your markers, just click-and-drop them directly on the map. You want to adjust their position? Just drag them wherever you want. And instead of filling-in custom fields to set each marker’s popup content, just open that popup and start writing in it, the Gutenberg way (it supports WYSIWYG editing, with links, images, and all). It even stores the map’s zoom level as you use it so that you don’t have to set it by hand.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/FGe7zJnrIgo?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>
<ul>
<li><a href="https://github.com/gsarig/ootb-openstreetmap" rel="nofollow ugc">Follow the project’s development on GitHub</a></li>
<li><a href="https://github.com/gsarig/ootb-openstreetmap/releases" rel="nofollow ugc">Release history</a></li>
<li><a href="https://github.com/users/gsarig/projects/1" rel="nofollow ugc">Roadmap</a></li>
<li><a href="https://github.com/gsarig/ootb-openstreetmap?tab=readme-ov-file#hooks" rel="nofollow ugc">Hooks🪝</a></li>
<li><a href="https://github.com/gsarig/ootb-openstreetmap?tab=readme-ov-file#shortcodes" rel="nofollow ugc">Shortcodes</a></li>
</ul>
<h4>Features</h4>
<ul>
<li>No need for API keys. Just install and use it.</li>
<li>Support for multiple markers.</li>
<li>Support for a different icon per marker.</li>
<li>Support for polygons and polylines.</li>
<li>Marker clustering: group nearby markers into clusters that expand as you zoom in.</li>
<li><a href="https://www.gsarigiannidis.gr/wordpress-gutenberg-map-block-openstreetmap/" rel="nofollow ugc">Dead-simple interface</a>. Don’t search for coordinates and don’t get overwhelmed by too many fields when using multiple markers. Just point and click on the map to add your marker where you want it and edit it’s popup content directly from there.</li>
<li><a href="https://www.gsarigiannidis.gr/openstreetmap-place-search/" rel="nofollow ugc">Place search</a>. Find locations by typing keywords.</li>
<li>Remembers the zoom that you set when adding the markers and stores it so that you don’t set it by hand (which you can do anyway if you prefer).</li>
<li>AI integration which allows you to add markers by using commands in natural language. Just say “please” to activate (e.g. “Please, show me where GOT was filmed”). Requires an API key from an AI Provider, or a site-level AI connector on WordPress 7.0+. <a href="https://www.gsarigiannidis.gr/openstreetmap-openai-integration/" rel="nofollow ugc">Read more</a>.</li>
<li>Query Maps: Supports creating a map out of maps added on other posts or post types. This can be quite powerful when, for example, you have a custom post type for “Places” with each place having its own map, and you want to dynamically gather-up all the places on a single map.</li>
<li>Shortcode support: You can use the shortcode <code>[ootb_query]</code> as an alternative way to use the aforementioned Query Maps feature (see the FAQ for more info).</li>
<li>Support for a location custom field, which can be used to store a post’s or post type’s location, following the <a href="https://codex.wordpress.org/Geodata" rel="nofollow ugc">Geodata guidelines</a>. Read more in the <a href="https://github.com/gsarig/ootb-openstreetmap/releases/tag/2.8.0" rel="nofollow ugc">v.2.8.0 release notes</a>.</li>
<li>Adjust the map height.</li>
<li>Change the default marker icon with a custom one.</li>
<li>Enable or disable map dragging.</li>
<li>Enable or disable touch zoom.</li>
<li>Enable or disable double-click zoom.</li>
<li>Enable or disable scroll wheel zoom.</li>
<li>Set a minimum and maximum limit that the user can zoom on the frontend. Setting the same value to both fields will lock the zoom at that level.</li>
<li>Support for other Layer Providers: MapBox (using your own API key) and Stamen.</li>
<li>Option to export locations in a JSON file</li>
<li>Option to import locations from a JSON file</li>
</ul>

Out of the Block: OpenStreetMap

Just because we don't need an API license key, and we can have multiple pins per map among other things, for me this is the best mapping block. And of course, the plugin works exactly as advertised.

Until now, I was using my own map block I had created with ACF Pro, but that was just simple Google Map embed, which again did not require an API key, but was restricted to one pin per map, and of course no live data like traffic and other visuals, along with no street view.

Well done, and thank you,
Nick.

The best map block


In 5 minutes I had a map with a marker. Easy!


Loved it!

A map block for Gutenberg using OpenStreetMap and Leaflet that needs no API keys and works out of the box. Or should we say, ...Out of the Block?

WP Easy Soft

Tarekul Islam

Easy Map is a lightweight WordPress store locator plugin that helps you create interactive maps, display multiple business locations, and add store finder functionality to your website. With OpenStreetMap and Leaflet support, Easy Map lets you create maps without setting up a Google Maps API key when using OpenStreetMap
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.
<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>
<h4>Why Choose Easy Map – Store Locator Plugin for WordPress ?</h4>
Choose Easy Map if you want a simple way to add interactive WordPress maps and store locator functionality to your website.
<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>
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.
With OpenStreetMap support, you can:
<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>
Easy Map is a useful Google Maps alternative for WordPress users who want a flexible map plugin with OpenStreetMap and Leaflet support.
<h4>Key Features of Easy Map</h4>
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
Multiple Map Providers
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.
Store Locator with Categories
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.
Useful for:
<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>
Multiple Markers and Locations
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.
You can use map markers to show business locations, addresses, service points, or other important places directly on your website.
Drawing Tools for Routes and Areas
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.
<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>
These drawing tools can be helpful for delivery zones, service areas, property boundaries, routes, and local coverage maps.
Shortcode Support
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
<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>
This makes it easy to display a map exactly where you need it without editing theme files.
Gutenberg Block Support
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.
Map Customization Options
Easy Map includes useful customization options so you can adjust how your map looks and behaves on your website.
<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>
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.
Retail Stores and Franchise Locations
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.
Restaurants, Cafes, and Food Businesses
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.
Healthcare and Medical Services
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
Real Estate and Property Listings
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.
Service Area Businesses
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.
<h4>Easy Map Free Features</h4>
The free version of Easy Map includes essential map and store locator features for WordPress users.
<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>
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.
<h4>Upgrade to Easy Map Pro</h4>
Need more advanced map and store locator options? <a href="https://wpeasysoft.com/wordpress-plugins/easy-map/" rel="nofollow ugc">Easy Map Pro</a> adds extra features for growing websites, large directories, and multi-location businesses.
<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>
Easy Map Pro is useful when you need advanced WordPress store locator plugin features for larger maps, location directories, or business websites with many locations.
<h4>Shortcode Examples</h4>
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.
Basic Map Shortcode
<pre><code>[easy-map]
</code></pre>
Display a Specific Map
<pre><code>[easy-map ID="168"]
</code></pre>
Store Locator Shortcode
<pre><code>[easy-map-store-locator ID="1"]
</code></pre>
Marker and Drawing Shortcodes
<pre><code>[easy-map-marker ID="1"]
[easy-map-drawing ID="1"]
</code></pre>
<h4>Video Tutorial</h4>
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.
<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>
<h3>Support</h3>
Need help using Easy Map? You can check the <a href="https://wpeasysoft.com/docs/" rel="nofollow ugc">documentation</a> for setup guides, shortcode examples, and feature instructions. For plugin issues, questions, or feature requests, please use 
the <a href="https://wordpress.org/support/plugin/easy-map/" rel="ugc">WordPress.org</a> support forum or contact the WP Easy Soft <a href="https://wpeasysoft.com/contact/" rel="nofollow ugc">support team</a>
<h3>JS Libraries Used</h3>
The Third party libraries, non-compiled version of JavaScript and/or CSS-related documentation and source code can be found at the following links:
<ol>
<li>assets/js/leaflet/leaflet.js: 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>assets/js/leaflet/Leaflet.draw.js: 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>assets/js/leaflet/GoogleMutant.js: 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>assets/js/leaflet/leaflet-bing-layer.js: 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.

Out of the Block: OpenStreetMap vs Easy Map- Store Locator Plugin for WordPress (No API Key Required)