theode

bozdoz

There is a real good plugin called “Leaflet Map” in the repository. Unfortunately the developers missed to create a simple widget for this. 
This plugin is filling the gap.

Leaflet Map Widget

Hi, I manage the Leaflet Map plugin.  I would love to include this in the plugin and attribute you as an author.  Let me know!

Nice Plugin!

This is a extra widget for the Leaflet Map plugin

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.

Leaflet Map Widget vs Sweet Map