petkivim

<p>Embed Google Map is a plugin for embedding one or more Google Maps to WordPress posts, pages, text widgets and templates. Adding maps is very simple, just add the address or the coordinates which location you want to show on a map inside google_map tags to a post or a page or a text widget or a template, and that’s it!</p>
<p>The plugin supports Google Maps, Google Maps Classic and Google Maps Embed API. The version to be used can be set by using the Version setting (supported values: new, classic, embed). Google Maps and Google Maps Classic do not require an API key, but for Google Maps Embed API an API key is required instead.</p>
<p>It’s possible to define the version of Google Maps, the type of the map (normal, satellite, hybrid, terrain), the size of the map, the language of the Google Maps interface, custom labels, zoom level, border layout and link to the full size map. Both HTTP and HTTPS protocols are supported. The default settings defined in the admin panel are used for all the maps in the site, and they can be overridden for individual maps.</p>
<h4>Features</h4>
<ul>
<li>It’s possible to embed one or more Google Maps within a post, page, text widget or template.</li>
<li>Support for [google_map] shortcode.</li>
<li>The address or the coordinates which location is shown on a map is given as a parameter.</li>
<li>Define Google Maps version to be used.</li>
<li>Define the language of the Google Maps interface.</li>
<li>Define the type of the map (normal, satellite, hybrid, terrain).</li>
<li>Define the size of the map.</li>
<li>Define the zoom level.</li>
<li>Define custom labels.</li>
<li>Show/hide the info label.</li>
<li>Define the border width, border style and border color.</li>
<li>Add link to the full size map.</li>
<li>Define the link label.</li>
<li>Support for HTTP and HTTPS.</li>
</ul>
<h4>Basic Usage</h4>
<p>To embed a map in a post, page or text widget use the following code:</p>
<p>{google_map}address{/google_map}</p>
<p>*{google_map}latitude,longitude{/google_map}</p>
<p>**{google_map}url{/google_map}</p>
<p>*latitude,longitude = coordinates in decimal degrees</p>
<p>** URL of a map stored under My Places on Google Maps</p>
<h4>Overriding Default Settings</h4>
<p>To override one or more default settings use the following code:</p>
<p>{google_map}address|zoom:10{/google_map}</p>
<p>{google_map}address|version:classic|zoom:10{/google_map}</p>
<p>{google_map}address|zoom:10|lang:it{/google_map}</p>
<p>{google_map}address|lang:system{/google_map}</p>
<p>{google_map}address|width:200|height:200|border:1|border_style:solid|border_color:#000000{/google_map}</p>
<p>{google_map}address|width:200|height:200|link:yes|link_label:Label{/google_map}</p>
<p>{google_map}address|link:yes{/google_map}</p>
<p>{google_map}address|type:satellite{/google_map}</p>
<p>{google_map}address|show_info:yes|info_label:Label{/google_map}</p>
<p>{google_map}address|link_full:yes{/google_map}</p>
<p>{google_map}address|https:yes{/google_map}</p>
<p>*{google_map}latitude,longitude{/google_map}</p>
<p>**{google_map}url|width:200|height:200|border:1{/google_map}</p>
<p>*latitude,longitude = coordinates in decimal degrees</p>
<p>** URL of a map stored under My Places on Google Maps</p>
<h4>Shortcode</h4>
<p>To embed a map in a template use [google_map] shortcode. For example:</p>
<p>echo do_shortcode(‘[google_map]’.$address.'[/google_map]’);</p>
<p>All the settings supported by Embed Google Maps plugin can be set as shortcode attributes. For example:</p>
<p>echo do_shortcode(‘[google_map version=”classic” lang=”en” link=”yes” width=”200″ height=”200″]’.$address.'[/google_map]’);</p>
<p>In addition, [google_map] shorcode can be used inside pages, post and text widgets too.</p>


Embed Google Map

Embed Google Map is a plugin for embedding one or more Google Maps to WordPress posts and pages.

Levels Branding and Webdevelopment

<p>This plugin adds a custom ACF field type that allows users to click on an image and capture X/Y coordinates. Perfect for creating interactive image maps, product hotspots, or any feature requiring precise coordinate-based positioning.</p>
<p><strong>This is a fork of the original ACF Image Hotspots Field by Andrew Rockwell</strong>, enhanced with full support for ACF blocks in the Gutenberg editor.</p>
<h4>Key Features</h4>
<ul>
<li>Click on an image to capture precise X/Y coordinates</li>
<li>Supports both pixel-based and percentage-based coordinates</li>
<li>Links to existing ACF image fields</li>
<li>Visual marker shows the selected position</li>
<li>Works in regular ACF field groups AND ACF blocks</li>
<li><strong>NEW:</strong> Full Gutenberg block editor compatibility</li>
<li>Compatible with ACF 5.8+</li>
</ul>
<h4>What’s New in This Fork</h4>
<p>This fork adds critical improvements for modern WordPress development:</p>
<ul>
<li><strong>Gutenberg Block Support:</strong> Works seamlessly in ACF blocks within the Gutenberg editor</li>
<li><strong>Event Capture Fix:</strong> Solves the issue where Gutenberg intercepts click events</li>
<li><strong>Improved DOM Search:</strong> Enhanced field discovery in complex block structures</li>
<li><strong>Enhanced Visibility:</strong> Fixed z-index and marker visibility in block contexts</li>
<li><strong>Auto-Refresh:</strong> Automatically updates block previews when coordinates change</li>
</ul>
<h4>Original Plugin</h4>
<p>Original plugin by <strong>Andrew Rockwell</strong> – Thank you for creating this excellent field type!</p>
<p>This fork maintains 100% backwards compatibility with the original while adding modern editor support.</p>
<h4>How to Use</h4>
<ol>
<li>Install and activate the plugin</li>
<li>Create a custom ACF field of type “Image Mapping”</li>
<li>In field settings, enter the name of an existing ACF image field to link to</li>
<li>Add an image to the linked field</li>
<li>Click on the image in the hotspot field to capture coordinates</li>
<li>Coordinates are stored as comma-separated strings (e.g., “150px,200px” or “45.5%,60.2%”)</li>
</ol>
<p>Works in both ACF field groups and ACF blocks!</p>
<h4>Compatibility</h4>
<p>This ACF field type is compatible with:</p>
<ul>
<li>ACF 5.8+</li>
<li>WordPress 5.8+</li>
<li>Gutenberg block editor</li>
<li>Classic editor</li>
<li>PHP 7.2+</li>
</ul>
<h3>Credits</h3>
<p><strong>Original Plugin:</strong> Andrew Rockwell (rockwell15, eridesign)<br />
<strong>Gutenberg Fork:</strong> Levels Branding and Development</p>
<p>Thank you to Andrew Rockwell for creating the original plugin!</p>
<h3>Support</h3>
<p>For issues specific to this plugin:<br />
* GitLab: https://gitlab.com/levels-dev/plugins/advanced-custom-fields-image-hotspots-field-fork</p>
<p>For general ACF questions:<br />
* ACF Documentation: https://www.advancedcustomfields.com/resources/</p>
<h3>Other Plugins by Levels</h3>
<p>Check out our other WordPress plugins:</p>
<ul>
<li><a href="https://wordpress.org/plugins/ready-made-oxygen-integration/" rel="ugc">Ready-Made Oxygen Integration</a> – Seamless integration for Oxygen Builder with pre-built components and utilities</li>
</ul>
<p>Visit <a href="https://levels.dev/plugins" rel="nofollow ugc">levels.dev/plugins</a> for more tools and resources.</p>
<h3>Technical Details</h3>
<p>This fork includes a sophisticated event capture system that intercepts mouse events before Gutenberg’s React event system can prevent them. The plugin uses native JavaScript <code>addEventListener</code> with capture phase to ensure reliable coordinate capture in all contexts.</p>
<p>For detailed technical information, see the GUTENBERG_FIX.md file in the plugin directory.</p>


Image Hotspots Field for ACF

Capture coordinates on images for interactive hotspots. Fork with full Gutenberg block editor support.

Embed Google Map vs Image Hotspots Field for ACF