goiblas

The Map Block Leaflet is designed to work with the <a href="https://wordpress.org/plugins/gutenberg/" title="Gutenberg Plugin" rel="ugc">Gutenberg editor</a>. It has been created to facilitate, as much as possible, embed maps in the content without the need to include an API key and be able to customize it visually.
Contribute:
This plugin is open source software, and you may actively contribute on <a href="https://github.com/goiblas/leaft-map-block" title="Map Block Leaflet Repository" rel="nofollow ugc">Github</a>.
<h3>Installation & Setup</h3>
Note: This plugin requires WordPress 5 or the Gutenberg plugin active.
<ol>
<li>Upload ‘leaflet-map-block’ to the ‘/wp-content/plugins/’ directory.</li>
<li>Activate the plugin through the ‘Plugins’ menu in WordPress.</li>
<li>Add new block, find it in the category embed.</li>
<li>Search a location and change the option until you get the disdained look.</li>
<li>Publish and enjoy</li>
</ol>

Map Block Leaflet

Works great, looks great; highly recommended.

I wanted to avoid gutenburg in my own plugin, and this plugin seems to work perfectly.

- Author of https://wordpress.org/plugins/leaflet-map/

Fantastic


Simple to use and supported. 



Great plugin to use on your website 💪 when displaying maps with custom multiple markers.



Thank you.


Super easy to use and great support

Embed maps in content without needing to include an API key.

ivangrishov

Sweet Map adds a beautiful interactive map to your WordPress site — with a visual marker editor, address search, and rich popups. No coding required.
Built on <a href="https://leafletjs.com/" rel="nofollow ugc">Leaflet.js</a> — the leading open-source map library trusted by millions of websites worldwide.
<h4>🆓 100% Free — No API Keys, No Registration</h4>
Unlike Google Maps or Mapbox, Sweet Map works completely out of the box:
<ul>
<li>✅ No Google account needed</li>
<li>✅ No API key to generate or manage</li>
<li>✅ No billing — no credit card, no usage limits</li>
<li>✅ No registration on any third-party service</li>
<li>✅ No monthly fees — ever</li>
</ul>
Just install, activate, and start adding markers.
<h4>✨ Features</h4>
<ul>
<li>📍 Visual marker editor — click the map to place a marker, drag to reposition</li>
<li>🗂️ Multiple maps — create unlimited maps, each with its own markers and settings</li>
<li>💬 Rich popups — title, description, photo, and a link button in every marker</li>
<li>🎨 Custom markers — choose a pin color or upload your own PNG/SVG icon</li>
<li>🔍 Address search — find any location instantly, no API key required</li>
<li>🔵 Marker clustering — nearby markers group automatically at low zoom levels</li>
<li>🧩 Gutenberg block — add maps via the block editor with a visual map selector</li>
<li>📋 Shortcode — <code>[sweet_map]</code> or <code>[sweet_map id="offices"]</code></li>
<li>🛰️ Map styles — OpenStreetMap or Satellite view</li>
<li>📌 Geolocation — “Find my location” button on the map</li>
<li>🌍 Multilingual — English and Russian included</li>
</ul>
<h4>🚀 Add a map in seconds</h4>
Option 1 — Gutenberg block: 
Click + in the page editor → search “Sweet Map” → select the block → pick a map from the sidebar. Done.
Option 2 — Shortcode: 
 [sweet_map] 
 [sweet_map id=”offices”]
<h4>🔒 External services</h4>
This plugin uses open, free services to display maps and search addresses:
<ul>
<li>OpenStreetMap (default map tiles) — <a href="https://www.openstreetmap.org/" rel="nofollow ugc">openstreetmap.org</a>. <a href="https://www.openstreetmap.org/copyright" rel="nofollow ugc">Copyright & terms</a>.</li>
<li>Stadia Maps (satellite tiles) — <a href="https://stadiamaps.com/" rel="nofollow ugc">stadiamaps.com</a>. <a href="https://stadiamaps.com/terms-of-service/" rel="nofollow ugc">Terms</a>. <a href="https://stadiamaps.com/privacy-policy/" rel="nofollow ugc">Privacy policy</a>.</li>
<li>Nominatim (address search) — <a href="https://nominatim.openstreetmap.org/" rel="nofollow ugc">nominatim.openstreetmap.org</a>. <a href="https://osmfoundation.org/wiki/Privacy_Policy" rel="nofollow ugc">Privacy policy</a>.</li>
</ul>
Map tiles load when the map is displayed on the page. Address search sends a query only when the visitor types in the search box. The plugin does not store any personal data.
<h3>Source Code</h3>
The compiled JavaScript (<code>assets/dist/index.js</code>) is built from Vue 3 source code available on <a href="https://github.com/IvanGrishov/sweet-map" rel="nofollow ugc">GitHub</a>.

Sweet Map

🗺️ Interactive map with a visual marker editor. No API keys, no registration, completely free. Gutenberg block + shortcode.

Map Block Leaflet vs Sweet Map