The Google Map Field

The "Google Map" custom field gives you the ability to display a Google Map video at your frontend just by filling out the ID of the Google Map video.

Field Settings

The "Google Map" custom field provides you the way to select the width, the height and the zoom of the Google Map which will be displayed at your frontend.

acf-google-map-edit

As you can see from the screenshot above, after choosing the correct Type, you can type in manually your width, height and zoom.

Let's see what each option does.

Name Description
Name The name will be used to identify the field. Leave this blank and Joomla will fill in a default value from the title.
Label The label of the field to display.
Description A description of the field that will be displayed in the label tooltip.
Required Is this a mandatory field?
Map Width Set the width of the map
Map Height Set the height of the map
Zoom Set the zoom for the map

Usage

Once you are in your Article's Edit screen, choose the "Fields" Tab to see the Google Map custom field as you can see in the screenshot below.

acf-google-map-usage

In this textbox you can type in the coordinates which are going to be used as a center for the Google Map you are interested in.

Get the coordinates of a place

  • Open Google Maps.
  • Right-click the place or area on the map.
  • Select What's here?
  • At the bottom, you’ll see a card with the coordinates.

    acf-google-map-coords-get

Frontend Display

acf-google-map-frontend