{"id":1362,"date":"2019-12-12T00:21:08","date_gmt":"2019-12-12T07:21:08","guid":{"rendered":"https:\/\/help.fooevents.com\/docs\/topics\/events\/google-maps\/"},"modified":"2026-06-03T12:29:39","modified_gmt":"2026-06-03T19:29:39","slug":"google-kaarten","status":"publish","type":"docs","link":"https:\/\/help.fooevents.com\/nl\/docs\/topics\/events\/google-maps\/","title":{"rendered":"Google-kaarten"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Met FooEvents kun je kaarten weergeven op je evenementen\/producten met behulp van Google Maps. Je kunt kiezen uit twee methoden om kaarten in te sluiten.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"630\" height=\"243\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-12.45.45.png\" alt=\"FooEvents \/ Google Maps insluiten instellingen\" class=\"wp-image-146229\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-12.45.45.png 630w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-12.45.45-300x116.png 300w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-12.45.45-18x7.png 18w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Navigeer naar <strong>FooEvents<\/strong> &gt; <strong>Instellingen<\/strong> &gt; <strong>Integratie<\/strong> &gt; <strong>Google-kaarten<\/strong><\/li>\n\n\n\n<li>Selecteer een <strong>Insluitmethode voor kaarten<\/strong>:\n<ol class=\"wp-block-list\">\n<li><strong>Iframe - Gratis en vereist geen Google Maps API-sleutel<\/strong> - aanbevolen<\/li>\n\n\n\n<li><strong>JavaScript - Betaalde Google Maps API-sleutel vereist<\/strong> - verouderde optie; vermijd<\/li>\n<\/ol>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Methode 1: Iframe - aanbevolen<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">De iframe-methode is eenvoudig, gratis en gemakkelijk in te stellen. Selecteer gewoon de iframe-methode en voer de GPS-co\u00f6rdinaten van je locatie in bij het bewerken van je evenementen (zie hieronder).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Methode 2: JavaScript - betaalde legacy-optie; vermijden<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">De JavaScript-methode is een oude optie die beschikbaar was voordat de iframe-methode werd ge\u00efntroduceerd. Hiervoor moet je een betaalde Google Maps API-sleutel instellen. Deze methode is ook vatbaarder voor JavaScript-conflicten met thema's en plugins van derden. Daarom raden we aan om de iframe-optie te gebruiken, omdat deze robuuster is en vergelijkbare functionaliteit biedt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Als je besluit om de JavaScript-methode te gebruiken, moet je een Google Maps API-sleutel genereren. Volg deze instructies:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>U kunt een <strong>Google Maps API-sleutel<\/strong> door deze instructies te volgen: <a href=\"https:\/\/developers.google.com\/maps\/documentation\/javascript\/get-api-key\" rel=\"nofollow noopener\" target=\"_blank\">https:\/\/developers.google.com\/maps\/documentation\/javascript\/get-api-key<\/a><\/li>\n\n\n\n<li>Zodra u een <strong>Google Maps API-sleutel<\/strong>, Voer het hier in: <strong>FooEvents<\/strong> &gt; <strong>Instellingen<\/strong> &gt; <strong>Integratie<\/strong> &gt; <strong>Google Maps API-sleutel<\/strong><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>De juiste GPS-co\u00f6rdinaten krijgen:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Het volgende is van toepassing op zowel de iframe als de JavaScript insluitmethode.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ga naar <a href=\"https:\/\/maps.google.com\/\" rel=\"nofollow noopener\" target=\"_blank\">kaarten.google.nl<\/a> en zoek naar je locatie of adres. Zodra je het hebt gevonden, klik je met de rechtermuisknop op de locatie, klik je op de co\u00f6rdinaten en kopieer je ze naar je klembord. Plak ze in de \u201c<strong>Co\u00f6rdinaten Google-kaart<\/strong>\" veld wanneer u uw gebeurtenis bewerkt in uw <strong>WordPress beheerdersgebied<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"727\" height=\"525\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2021-06-11-at-11.47.51.png\" alt=\"\" class=\"wp-image-132517\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2021-06-11-at-11.47.51.png 727w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2021-06-11-at-11.47.51-300x217.png 300w\" sizes=\"auto, (max-width: 727px) 100vw, 727px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">De co\u00f6rdinatenindeling van Google Maps moet er als volgt uitzien: <strong>-26.13741, 28.00815<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Indien nodig kun je naar dit formaat converteren met het volgende hulpprogramma:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"http:\/\/www.gps-coordinates.net\/gps-coordinates-converter\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">http:\/\/www.gps-coordinates.net\/gps-coordinates-converter<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Setting the correct GPS coordinates<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"925\" height=\"309\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-13.11.33.png\" alt=\"FooEvents \/ Instellingen GPS-co\u00f6rdinaten Google Maps\" class=\"wp-image-146230\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-13.11.33.png 925w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-13.11.33-300x100.png 300w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-13.11.33-768x257.png 768w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-13.11.33-18x6.png 18w\" sizes=\"auto, (max-width: 925px) 100vw, 925px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Navigeer naar een product waarvoor gebeurtenissen zijn ingeschakeld.<\/li>\n\n\n\n<li>Scroll naar beneden naar de <strong>Productgegevens<\/strong> tabbladen.<\/li>\n\n\n\n<li>Open de <strong>Evenement Instellingen<\/strong> tabblad en scroll naar de <strong>Details locatie<\/strong> sectie.<\/li>\n\n\n\n<li>Voer de <strong>GPS-co\u00f6rdinaten<\/strong> in de <strong>Co\u00f6rdinaten Google-kaart<\/strong> veld.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Viewing the Google Map<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Navigeer naar het product op de voorkant van je site en scroll naar de producttabbladen:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"808\" height=\"505\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-13.14.33.png\" alt=\"FooEvents \/ Google Maps integratie\" class=\"wp-image-146231\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-13.14.33.png 808w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-13.14.33-300x188.png 300w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-13.14.33-768x480.png 768w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-13.14.33-18x12.png 18w\" sizes=\"auto, (max-width: 808px) 100vw, 808px\" \/><\/figure>","protected":false},"excerpt":{"rendered":"<p>FooEvents lets you display maps on your events\/products using Google Maps. You can choose from two map embed methods. Method 1: Iframe \u2013 recommended The iframe method is simple, free, and easy to set up. Simply select the iframe method and enter your venue\u2019s GPS coordinates when editing your events (see below). Method 2: JavaScript [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":941,"menu_order":17,"template":"","doc_tag":[226,71,72,104],"class_list":["post-1362","docs","type-docs","status-publish","hentry","doc_tag-api","doc_tag-google-maps","doc_tag-gps","doc_tag-settings"],"_links":{"self":[{"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/docs\/1362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/types\/docs"}],"version-history":[{"count":3,"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/docs\/1362\/revisions"}],"predecessor-version":[{"id":148864,"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/docs\/1362\/revisions\/148864"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/docs\/941"}],"wp:attachment":[{"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/media?parent=1362"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/doc_tag?post=1362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}