Title: Sweet Map
Author: ivangrishov
Published: <strong>2026 年 3 月 28 日</strong>
Last modified: 2026 年 3 月 28 日

---

搜尋外掛

![](https://ps.w.org/sweet-map/assets/banner-772x250.png?rev=3493245)

![](https://ps.w.org/sweet-map/assets/icon-256x256.png?rev=3493245)

# Sweet Map

 由 [ivangrishov](https://profiles.wordpress.org/ivangrishov/) 開發

[下載](https://downloads.wordpress.org/plugin/sweet-map.1.0.1.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/sweet-map/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/sweet-map/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/sweet-map/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/sweet-map/#developers)

 [技術支援](https://wordpress.org/support/plugin/sweet-map/)

## 外掛說明

**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](https://leafletjs.com/) — 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:

 * **OpenStreetMap** (default map tiles) — [openstreetmap.org](https://www.openstreetmap.org/).
   [Copyright & terms](https://www.openstreetmap.org/copyright).
 * **Stadia Maps** (satellite tiles) — [stadiamaps.com](https://stadiamaps.com/).
   [Terms](https://stadiamaps.com/terms-of-service/). [Privacy policy](https://stadiamaps.com/privacy-policy/).
 * **Nominatim** (address search) — [nominatim.openstreetmap.org](https://nominatim.openstreetmap.org/).
   [Privacy policy](https://osmfoundation.org/wiki/Privacy_Policy).

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](https://github.com/IvanGrishov/sweet-map).

## 螢幕擷圖

 * [[
 * 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
 * [[

## 適用於區塊編輯器

這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。

 *   Sweet Map

## 安裝方式

 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

## 常見問題集

### 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.

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

以下人員參與了開源軟體〈Sweet Map〉的開發相關工作。

參與者

 *   [ ivangrishov ](https://profiles.wordpress.org/ivangrishov/)

[將〈Sweet Map〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/sweet-map)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/sweet-map/)、查看
[SVN 存放庫](https://plugins.svn.wordpress.org/sweet-map/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/sweet-map/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/sweet-map/)。

## 變更記錄

#### 1.0

 * Initial release

## 中繼資料

 *  版本 **1.0.1**
 *  最後更新 **2 個月前**
 *  啟用安裝數 **20+**
 *  WordPress 版本需求 ** 5.8 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.9.4**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/sweet-map/)
 * 標籤:
 * [interactive map](https://tw.wordpress.org/plugins/tags/interactive-map/)[leaflet](https://tw.wordpress.org/plugins/tags/leaflet/)
   [map](https://tw.wordpress.org/plugins/tags/map/)[markers](https://tw.wordpress.org/plugins/tags/markers/)
 *  [進階檢視](https://tw.wordpress.org/plugins/sweet-map/advanced/)

## 評分

這個項目尚無任何評論記錄。

[Your review](https://wordpress.org/support/plugin/sweet-map/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/sweet-map/reviews/)

## 參與者

 *   [ ivangrishov ](https://profiles.wordpress.org/ivangrishov/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/sweet-map/)