Map Field for Contact Form 7

Google Map Field for Contact Form 7 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.

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.

✨ Key Features

Google Places Autocomplete — real-time address suggestions powered by the Google Places API (new PlaceAutocompleteElement)

Always-visible interactive map — map renders on page load using your configured default centre; no address selection required

Draggable marker — users drag the pin to the exact location; address and lat/lng fields update automatically via reverse geocoding

Responsive map heights — set separate pixel heights for desktop (> 768 px) and mobile (≤ 768 px) from the admin

Default map centre — configure a default latitude and longitude so the map opens on the right region for your audience

Address component sub-fields — optionally show separate inputs for Street Number, City, State, Postcode, and Country; each auto-populated on place selection

Country filter — restrict autocomplete suggestions to one or more countries using ISO 3166-1 alpha-2 codes (e.g. in, us, gb)

Place type filter — limit suggestions to specific place types such as airport, restaurant, or art_gallery

Mail-tag support — use [fieldname-locality], [fieldname-state], [fieldname-postcode], and [fieldname-country] mail tags in CF7 email templates