Sweet Map

Description

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 Leaflet.js β€” the leading open-source map library trusted by millions of websites worldwide.

πŸ†“ 100% Free β€” No API Keys, No Registration

Unlike Google Maps or Mapbox, Sweet Map works completely out of the box:

  • βœ… No Google account needed
  • βœ… No API key to generate or manage
  • βœ… No billing β€” no credit card, no usage limits
  • βœ… No registration on any third-party service
  • βœ… No monthly fees β€” ever

Just install, activate, and start adding markers.

✨ Features

  • πŸ“ Visual marker editor β€” click the map to place a marker, drag to reposition
  • πŸ—‚οΈ Multiple maps β€” create unlimited maps, each with its own markers and settings
  • πŸ’¬ Rich popups β€” title, description, photo, and a link button in every marker
  • 🎨 Custom markers β€” choose a pin color or upload your own PNG/SVG icon
  • πŸ” Address search β€” find any location instantly, no API key required
  • πŸ”΅ Marker clustering β€” nearby markers group automatically at low zoom levels
  • 🧩 Gutenberg block β€” add maps via the block editor with a visual map selector
  • πŸ“‹ Shortcode β€” [sweet_map] or [sweet_map id="offices"]
  • πŸ›°οΈ Map styles β€” OpenStreetMap or Satellite view
  • πŸ“Œ Geolocation β€” “Find my location” button on the map
  • 🌍 Multilingual β€” English and Russian included

πŸš€ Add a map in seconds

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”]

πŸ”’ External services

This plugin uses open, free services to display maps and search addresses:

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.

Source Code

The compiled JavaScript (assets/dist/index.js) is built from Vue 3 source code available on GitHub.

Screenshots

  • Map editor β€” marker form with address search and an open popup on the map
  • Sidebar with marker list, map settings (zoom, height, style, search toggle) and an open popup
  • Gutenberg block β€” search “Sweet Map” in the block inserter to add a map to any page

Blocks

This plugin provides 1 block.

  • Sweet Map

Installation

  1. Upload the sweet-map folder to /wp-content/plugins/
  2. Activate the plugin via Plugins in WordPress admin
  3. Go to Sweet Map in the admin sidebar to create and edit maps
  4. Add [sweet_map] to any page or post, or use the Gutenberg block

FAQ

Do I need a Google Maps API key?

No. Sweet Map is built on Leaflet.js and OpenStreetMap β€” completely free, no API key, no Google account, no billing.

How do I add a map to a page?

Two ways: use the Gutenberg block (click +, search “Sweet Map”) or paste the shortcode [sweet_map] anywhere on the page.

Can I have multiple different maps?

Yes. Create as many maps as you need in the Sweet Map admin panel. Each map gets a unique ID. Use [sweet_map id="offices"] to embed a specific map.

Can visitors see the address search bar?

You control this in the map settings. Show or hide the search bar for your site visitors independently per map.

Can visitors add or edit markers?

No. Only site Administrators can add, edit, or delete markers. Visitors can only view the map and search addresses.

Does it work with page builders?

Yes β€” paste the shortcode [sweet_map] in any page builder that supports shortcodes.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Sweet Map” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Sweet Map” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0

  • Initial release