Sweet Map

Sweet Map

Details
View on WordPress

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 the Vue 3 source code included in the src-vue/ directory of this plugin.

To build from source:

  1. Navigate to the src-vue/ directory
  2. Run: yarn install
  3. Run: yarn build

The entry point is src-vue/src/main.js. The build tool is Vite with Vue 3 and TypeScript.

Details

Plugin code:
sweet-map
Plugin version:
1.0
Outdated:
No
WP version:
5.8 or higher
PHP version:
7.4 or higher
Test up to WP version:
6.9.4
Total installations:
0
Last updated:
2026-03-28
Rating:
Times rated:
0
address-search
interactive-map
leaflet
map
markers