FooEvents lets you display maps on your events/products using Google Maps. You can choose from two map embed methods.
Choosing an embed method:
- Vaya a FooEvents > Ajustes > Integración > Google Maps
- Select a Maps Embed Method:
- Iframe – Free and does not require a Google Maps API key – recommended
- JavaScript – Requires a paid Google Maps API key – legacy option; avoid
Method 1: Iframe – recommended
The iframe method is simple, free, and easy to set up. Simply select the iframe method and enter your venue’s GPS coordinates when editing your events (see below).
Method 2: JavaScript – paid legacy option; avoid
The JavaScript method is a legacy option that was available before the iframe method was introduced. It requires that you set up a paid Google Maps API key. It is also more prone to JavaScript conflicts with themes and third-party plugins. For that reason, we recommend using the iframe option, as it is more robust and provides similar functionality.
If you decide to use the JavaScript method, you will need to generate a Google Maps API key. Please follow these instructions:
- You can generate a Clave API de Google Maps by following these instructions: https://developers.google.com/maps/documentation/javascript/get-api-key
- Once you have generated a Clave API de Google Maps, enter it here: FooEvents > Ajustes > Integración > Clave API de Google Maps
Getting the correct GPS coordinates:
The following applies to both the iframe and JavaScript embed methods.
Ir a maps.google.com and search for your venue or address. Once you’ve found it, right-click the location, click the coordinates, and copy them to your clipboard. Paste them into the “Coordenadas del mapa de Google"al editar el evento en su Área de administración de WordPress.
El formato de coordenadas de Google Maps debería ser el siguiente: -26.13741, 28.00815
Si es necesario, puedes convertir a este formato utilizando la siguiente herramienta:
http://www.gps-coordinates.net/gps-coordinates-converter
Setting the correct GPS coordinates:
- Navigate to a product that has events enabled.
- Desplácese hasta el Datos del producto tabs.
- Abra el Configuración de eventos tab and scroll to the Detalles del lugar sección.
- Enter the Coordenadas GPS en el Coordenadas del mapa de Google campo.
Viewing the Google Map:
Navigate to the product on the front end of your site and scroll to the product tabs:
