外掛說明
Gmap Block is a custom Gutenberg block plugin to display Google map in Gutenberg editor without using any API key. Simply drag and drop the block to add the Google map easily. So, display Google map quickly without any hassles, and customize it as per your need.
Video Tutorial
Key Features
- Easy to use
- Simple, light-weight and fast
- Embed Google map without API Key
- Responsive Height
- Different Map Types support
- Customization Options
- No third-party dependencies.
What you get free
- Embed a Google map with no API key and no setup
- Roadmap, satellite, terrain and hybrid map types
- Responsive height, zoom level
- Border, radius, padding and margin controls
What Gmap Block Pro adds
- Multiple locations on one map, each with its own details
- Custom markers — your own pin colours or an SVG icon
- Info windows attached to any marker
- Location cards that pan and zoom the map when clicked
- Map styling — dark mode, muted palettes, hidden points of interest
- Interaction control — stop the map hijacking page scroll
- Driving directions between two points
- SVG world map coloured by your own data
- Priority support and automatic updates
Gmap Block Pro
Pro turns the embed into a real map you control. Add as many locations as you need, give each one its own marker and info window, restyle the map to match your theme, and stop it hijacking the page scroll.
Pro needs a free Google Maps API key. The plugin walks you through creating one and includes a Test this key button that tells you exactly which Google API still needs enabling, so you are never left guessing at a blank map.
適用於區塊編輯器
這個外掛提供 1 個可供區塊編輯器使用的區塊。
- Google Map Display a Google Map
安裝方式
- Upload the plugin files to the
/wp-content/plugins/gmap-blockdirectory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the ‘Plugins’ screen in WordPress
常見問題集
-
Do I need a Google Maps API key?
-
Not for the free plugin. It embeds the map the same way Google’s own “share map” embed does, so there is nothing to configure. An API key is only needed for Gmap Block Pro, which uses the Google Maps JavaScript API for interactive features.
-
My Pro map is blank. What is wrong?
-
Almost always the Google Cloud project behind your key does not have the right APIs switched on. Open Settings → Gmap Block and press Test this key — it reports whether Google accepted the key and whether Places API (New) responded, so you know exactly what to enable.
-
Can I put more than one location on a map?
-
Not in the free plugin — the embed supports a single location. Multiple locations, each with its own marker and info window, are a Pro feature.
-
Can I change the colours of the map itself?
-
The free plugin styles the frame around the map (border, radius, spacing). Restyling the map surface — dark mode, muted colours, hiding points of interest — requires the Maps JavaScript API and is a Pro feature.
-
Does the block work with block themes and Full Site Editing?
-
Yes. It is a standard block and works in posts, pages, templates, template parts and patterns.
使用者評論
參與者及開發者
變更記錄
1.2.4
- Improved: Dashboard UI is Improved
1.2.3
- Fixed: added sanitize css method
1.2.2
- Minor bug fixes
1.2.1
- Missing banner added
1.2.0
- Update Process is restructed and Compatibility check
1.1.0
- In editor, a border and space are added so that you can select the map easily
- This is the stable version to use Gmap Pro
1.0.5
- Map Types are added
- SDK integrated
- Modules are optimized
1.0.4
- Compatibility check
1.0.3
- Compatibility check
- Minor bug fixes
1.0.2
- Compatibility check
1.0.1
- Optimized: Dynamic CSS Styles
1.0.0
- Initial Release