CodeFish

<p>This plugin creates a new field for <a href="https://wordpress.org/plugins/advanced-custom-fields/" title="Advanced Custom Fields" rel="ugc">Advanced Custom Fields (ACF)</a><br />
extending the functionality of the built-in Google Map field with several handy features:</p>
<ul>
<li>Saves map center. You can center your maps wherever you want and indicate that you want to save that place as map center. This can be handy, if you want your front-end map to show some specific place in the center of the map (not necessary the location marker).</li>
<li>Saves zoom level.</li>
<li>Disables (optionally) map zooming with a scrollwheel. Sometimes you can get annoyed with your maps starting to zoom, when you scroll the post in the admin area. This feature comes handy here.</li>
<li>Shows location coordinates. It is easy to get any place’s location coordinates (latitude and longitude) with this plugin by setting a marker to the place you need using user friendly map interface.</li>
<li>Compatible with the data format of the Google Map field coming with ACF. See F.A.Q. for details.</li>
<li>Saves all maps shown at a page in the global array. This is a bonus for programmers. See F.A.Q. for details.</li>
</ul>
<p>The plugin makes use of the Google Maps API version 3.<br />
The plugin doesn’t use an API key and is therefore operating under the <a href="https://developers.google.com/maps/faq#usage_pricing" rel="nofollow ugc">restrictions of the free Google Maps API</a>,<br />
which should be more than enough for most websites.</p>
<h4>Compatibility</h4>
<p>This ACF field type is compatible with:</p>
<ul>
<li>ACF 4</li>
<li>ACF 5 (PRO version)</li>
<li>Google Map field coming with ACF 4/5. See F.A.Q.</li>
</ul>
<h4>Translations</h4>
<p>The plugin is translated to:</p>
<ul>
<li>French</li>
<li>German</li>
<li>Netherlands</li>
<li>Russian</li>
<li>Ukrainian</li>
</ul>
<p>There is a POT file under the <code>lang</code> directory holding all translation strings, so it should be pretty easy to translate to other languages.</p>
<h4>Website</h4>
<p>http://code.fish</p>
<h4>Please Vote and Enjoy</h4>
<p>Your votes really make a difference! Thanks.</p>
<h4>License</h4>
<p>This plugin is licensed under the GPLv2. See http://www.gnu.org/licenses/gpl-2.0.html</p>


ACF: Google Map Extended

Fantastic plugin that adds much-needed functionality to the ACF Google Map field. I appreciate that the array of key-value pairs is saved in exactly the same way as the default Google Map field, but with the addition of values for zoom, center_lat, and center_lng:
array(
  'address' => '',
  'lat' => '',
  'lng' => '',
  'zoom' => '',
  'center_lat' => '',
  'center_lng' => '',
)
Ultimately this data allows you to recreate the exact Google Map that the user creates in WP Admin on the front-end of your site - something that simply isn't possible with the default ACF Google Map field. Keep up the great work!



A More Powerful ACF Google Maps Field

ACF field. Saves map center, zoom level. Disables map zooming on scroll. Shows location coordinates. Bonus for programmers.

theme funda

<p><strong>Google Map Field for Contact Form 7</strong> is the most complete solution for adding a Google Places address autocomplete field to your Contact Form 7 forms. Users type a few characters, select from live suggestions, and an interactive Google Map appears instantly — no page reload needed.</p>
<p>The draggable marker lets users fine-tune the exact pin position. When dragged, the address and coordinates update automatically via reverse geocoding — so what gets submitted is always accurate.</p>
<h3>✨ Key Features</h3>
<ul>
<li><strong>Google Places Autocomplete</strong> — real-time address suggestions powered by the Google Places API (new PlaceAutocompleteElement)</li>
<li><strong>Always-visible interactive map</strong> — map renders on page load using your configured default centre; no address selection required</li>
<li><strong>Draggable marker</strong> — users drag the pin to the exact location; address and lat/lng fields update automatically via reverse geocoding</li>
<li><strong>Responsive map heights</strong> — set separate pixel heights for desktop (> 768 px) and mobile (≤ 768 px) from the admin</li>
<li><strong>Default map centre</strong> — configure a default latitude and longitude so the map opens on the right region for your audience</li>
<li><strong>Address component sub-fields</strong> — optionally show separate inputs for Street Number, City, State, Postcode, and Country; each auto-populated on place selection</li>
<li><strong>Country filter</strong> — restrict autocomplete suggestions to one or more countries using ISO 3166-1 alpha-2 codes (e.g. <code>in</code>, <code>us</code>, <code>gb</code>)</li>
<li><strong>Place type filter</strong> — limit suggestions to specific place types such as <code>airport</code>, <code>restaurant</code>, or <code>art_gallery</code></li>
<li><strong>Mail-tag support</strong> — use <code>[fieldname-locality]</code>, <code>[fieldname-state]</code>, <code>[fieldname-postcode]</code>, and <code>[fieldname-country]</code> mail tags in CF7 email templates</li>
<li><strong>Lat/Lng hidden fields</strong> — latitude and longitude are captured as hidden fields for backend processing or CRM integrations</li>
<li><strong>Elementor popup compatible</strong> — autocomplete and map re-initialise correctly when used inside Elementor popups</li>
<li><strong>Elegant form field design</strong> — modern, accessible frontend styling with focus rings, smooth transitions, and validation error states</li>
<li><strong>Translation ready</strong> — all field labels are customisable from the settings page; compatible with WPML and Polylang</li>
</ul>
<h3>🗺️ How It Works</h3>
<ol>
<li>Install and activate the plugin (Contact Form 7 must be active)</li>
<li>Go to <strong>Contact <span aria-hidden="true" class="wp-exclude-emoji">→</span> Google Place API</strong> and enter your Google Places API key</li>
<li>In any CF7 form editor, use the new <strong>Field Autocomplete</strong> tag to insert a <code>[googlemapfield]</code> tag</li>
<li>Configure map height, default centre, and address sub-fields from the settings page</li>
<li>The map appears automatically on your form — users pick an address and the marker updates in real time</li>
</ol>
<h3>🔑 Google API Key Setup</h3>
<p>This plugin requires a Google Cloud API key with the following APIs enabled:</p>
<ul>
<li>Maps JavaScript API</li>
<li>Places API (New)</li>
</ul>
<p><a href="https://www.codesmade.com/create-google-map-place-api-key/" rel="nofollow ugc">Full setup guide <span aria-hidden="true" class="wp-exclude-emoji">→</span></a></p>
<h3>📬 Mail Tag Reference</h3>
<p>After adding a <code>[googlemapfield your-location]</code> tag to your form, use these mail tags in your CF7 email template:</p>
<p>  Mail Tag<br />
  Returns</p>
<p>  <code>[your-location]</code><br />
  Full formatted address</p>
<p>  <code>[your-location-locality]</code><br />
  City / Locality</p>
<p>  <code>[your-location-state]</code><br />
  State / Province</p>
<p>  <code>[your-location-postcode]</code><br />
  Postal code</p>
<p>  <code>[your-location-country]</code><br />
  Country</p>
<h3>💼 Use Cases</h3>
<ul>
<li><strong>Delivery forms</strong> — capture precise delivery addresses with postcode and city auto-filled</li>
<li><strong>Event registration</strong> — let attendees specify their nearest location or venue</li>
<li><strong>Job applications</strong> — collect applicant location with lat/lng for distance filtering</li>
<li><strong>Real estate enquiries</strong> — capture property address with map confirmation</li>
<li><strong>Service booking</strong> — validate service area coverage before form submission</li>
<li><strong>Travel & hospitality</strong> — autocomplete hotel, airport, or attraction names</li>
</ul>
<h3>Privacy Policy & External Services</h3>
<p>This plugin connects to Google’s servers to load the Maps JavaScript API and retrieve place suggestions and geocoding results. By using this plugin you agree to:</p>
<ul>
<li><a href="https://cloud.google.com/maps-platform/terms" rel="nofollow ugc">Google Maps Platform Terms of Service</a></li>
<li><a href="https://policies.google.com/privacy" rel="nofollow ugc">Google Privacy Policy</a></li>
</ul>
<p>No personal data is collected or stored by this plugin itself. Address data entered by users is sent directly to Google’s API from the visitor’s browser.</p>


Map Field for Contact Form 7

Add a Google Maps autocomplete address field with a live interactive map to any Contact Form 7 form. Supports draggable marker, address components, an …

ACF: Google Map Extended vs Map Field for Contact Form 7