Thèmes

⌘K
  1. Thèmes
  2. Evénements
  3. Google Maps

Google Maps

FooEvents lets you display maps on your events/products using Google Maps. You can choose from two map embed methods.

Choosing an embed method:

FooEvents / Google Maps embed settings

  • Naviguez jusqu'à FooEvents > Paramètres > Intégration > Google Maps
  • Select a Maps Embed Method:
    1. Iframe – Free and does not require a Google Maps API key – recommended
    2. 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:

Getting the correct GPS coordinates:

The following applies to both the iframe and JavaScript embed methods.

Aller à 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 “Coordonnées de la carte Google"lors de l'édition de votre événement dans votre Zone d'administration de WordPress.

Capture d'écran 2021 06 11 à 11.47.51

Le format des coordonnées de Google Maps doit être le suivant : -26.13741, 28.00815

Si nécessaire, vous pouvez convertir ce format à l'aide de l'outil suivant :

http://www.gps-coordinates.net/gps-coordinates-converter

Setting the correct GPS coordinates:

FooEvents / Google Maps GPS Coordinates settings

  • Navigate to a product that has events enabled.
  • Faites défiler vers le bas jusqu'à la rubrique Données sur le produit tabs.
  • Ouvrir le Paramètres de l'événement tab and scroll to the Détails du lieu section.
  • Enter the Coordonnées GPS dans le Coordonnées de la carte Google domaine.

Viewing the Google Map:

Navigate to the product on the front end of your site and scroll to the product tabs:

FooEvents / Google Maps integration

Étiquettes , , ,