{"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-maps","status":"publish","type":"docs","link":"https:\/\/help.fooevents.com\/es\/docs\/topics\/events\/google-maps\/","title":{"rendered":"Google Maps"},"content":{"rendered":"<p class=\"wp-block-paragraph\">FooEvents te permite mostrar mapas en tus eventos\/productos utilizando Google Maps. Puede elegir entre dos m\u00e9todos de incrustaci\u00f3n de mapas.<\/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 \/ Ajustes de incrustaci\u00f3n de Google Maps\" 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>Vaya a <strong>FooEvents<\/strong> &gt; <strong>Ajustes<\/strong> &gt; <strong>Integraci\u00f3n<\/strong> &gt; <strong>Google Maps<\/strong><\/li>\n\n\n\n<li>Seleccione una <strong>Mapas M\u00e9todo Embed<\/strong>:\n<ol class=\"wp-block-list\">\n<li><strong>Iframe - Gratuito y no requiere una clave API de Google Maps<\/strong> - recomendado<\/li>\n\n\n\n<li><strong>JavaScript - Requiere una clave API de Google Maps de pago<\/strong> - opci\u00f3n heredada; evitar<\/li>\n<\/ol>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>M\u00e9todo 1: Iframe - recomendado<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">El m\u00e9todo iframe es sencillo, gratuito y f\u00e1cil de configurar. Solo tienes que seleccionar el m\u00e9todo iframe e introducir las coordenadas GPS de tu local al editar tus eventos (v\u00e9ase m\u00e1s abajo).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>M\u00e9todo 2: JavaScript - opci\u00f3n heredada de pago; evitar<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">El m\u00e9todo JavaScript es una opci\u00f3n heredada que estaba disponible antes de que se introdujera el m\u00e9todo iframe. Requiere la configuraci\u00f3n de una clave API de Google Maps de pago. Tambi\u00e9n es m\u00e1s propenso a conflictos de JavaScript con temas y plugins de terceros. Por este motivo, recomendamos utilizar la opci\u00f3n iframe, ya que es m\u00e1s s\u00f3lida y ofrece una funcionalidad similar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si decide utilizar el m\u00e9todo JavaScript, deber\u00e1 generar una clave API de Google Maps. Siga estas instrucciones:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Puede generar un <strong>Clave API de Google Maps<\/strong> siguiendo estas instrucciones: <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>Una vez que haya generado un <strong>Clave API de Google Maps<\/strong>, introd\u00fazcalo aqu\u00ed: <strong>FooEvents<\/strong> &gt; <strong>Ajustes<\/strong> &gt; <strong>Integraci\u00f3n<\/strong> &gt; <strong>Clave API de Google Maps<\/strong><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Obtener las coordenadas GPS correctas:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Lo siguiente se aplica tanto a los m\u00e9todos de incrustaci\u00f3n iframe como JavaScript.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ir a <a href=\"https:\/\/maps.google.com\/\" rel=\"nofollow noopener\" target=\"_blank\">maps.google.com<\/a> y busca tu local o direcci\u00f3n. Una vez que la hayas encontrado, haz clic con el bot\u00f3n derecho del rat\u00f3n en la ubicaci\u00f3n, haz clic en las coordenadas y c\u00f3pialas en el portapapeles. P\u00e9galas en el campo \u201c<strong>Coordenadas del mapa de Google<\/strong>\"al editar el evento en su <strong>\u00c1rea de administraci\u00f3n de WordPress<\/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\">El formato de coordenadas de Google Maps deber\u00eda ser el siguiente: <strong>-26.13741, 28.00815<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si es necesario, puedes convertir a este formato utilizando la siguiente herramienta:<\/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>Establecer las coordenadas GPS correctas<\/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 \/ Google Maps Configuraci\u00f3n de coordenadas GPS\" 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>Vaya a un producto que tenga eventos activados.<\/li>\n\n\n\n<li>Despl\u00e1cese hasta el <strong>Datos del producto<\/strong> pesta\u00f1as.<\/li>\n\n\n\n<li>Abra el <strong>Configuraci\u00f3n de eventos<\/strong> y despl\u00e1cese hasta la pesta\u00f1a <strong>Detalles del lugar<\/strong> secci\u00f3n.<\/li>\n\n\n\n<li>Introduzca el <strong>Coordenadas GPS<\/strong> en el <strong>Coordenadas del mapa de Google<\/strong> campo.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Visualizaci\u00f3n del mapa Google<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Navegue hasta el producto en la portada de su sitio y despl\u00e1cese hasta las fichas de producto:<\/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 \/ Integraci\u00f3n de Google Maps\" 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\/es\/wp-json\/wp\/v2\/docs\/1362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"version-history":[{"count":3,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/1362\/revisions"}],"predecessor-version":[{"id":148864,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/1362\/revisions\/148864"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/941"}],"wp:attachment":[{"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/media?parent=1362"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/doc_tag?post=1362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}