FooEvents lets you display maps on your events/products using Google Maps. You can choose from two map embed methods.
Choosing an embed method:
- Andare a FooEvents > Impostazioni > Integrazione > 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 Chiave API di Google Maps by following these instructions: https://developers.google.com/maps/documentation/javascript/get-api-key
- Once you have generated a Chiave API di Google Maps, enter it here: FooEvents > Impostazioni > Integrazione > Chiave API di Google Maps
Getting the correct GPS coordinates:
The following applies to both the iframe and JavaScript embed methods.
Vai 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 “Coordinate di Google Map" quando si modifica l'evento nella cartella Area di amministrazione WordPress.
Il formato delle coordinate di Google Maps dovrebbe essere il seguente: -26.13741, 28.00815
Se necessario, è possibile convertire in questo formato utilizzando il seguente strumento:
http://www.gps-coordinates.net/gps-coordinates-converter
Setting the correct GPS coordinates:
- Navigate to a product that has events enabled.
- Scorrere fino alla voce Dati del prodotto tabs.
- Aprire la sezione Impostazioni evento tab and scroll to the Dettagli sulla sede sezione.
- Enter the Coordinate GPS nel Coordinate di Google Map campo.
Viewing the Google Map:
Navigate to the product on the front end of your site and scroll to the product tabs:
