Cómo crear un mapa con múltiples ubicaciones en WordPress

Supongamos que tiene un negocio que ya tiene más sucursales en la ciudad y desea crear un mapa digital que muestre las ubicaciones de esas ramas. Si tiene un sitio web basado en WordPress, puede crear un mapa tan fácil. Hay un excelente complemento que puede usar para crear un mapa con múltiples ubicaciones: complementos esenciales. Essential Addons en sí es un complemento primario premium, por lo que debe instalar Elementary antes de poder usarlo. Puede usar la versión gratuita de Elementor para crear un mapa con complementos esenciales. La versión gratuita de los complementos esenciales también está disponible. Sin embargo, el widget para crear un mapa solo está disponible en la versión pagada. Puede descargar la versión pagada por complementos esenciales de su sitio web oficial.
Usaremos la plataforma Google Maps para crear un mapa de WordPress utilizando complementos esenciales. Antes de comenzar, asegúrese de instalar ambos elementos y complementos esenciales. Integrando los mapas de Google con suplementos esenciales antes de poder agregar un mapa de Google Maps con complementos esenciales, debe integrarlos primero. Necesita una clave API para integrar los mapas de Google con complementos esenciales. Primero, vaya a la consola de la API de Google e inicie sesión con su cuenta de Google. Cree un nuevo proyecto haciendo clic en el menú desplegable en la parte superior y haciendo clic en el nuevo proyecto.

Dé un nombre al nuevo proyecto y haga clic en el botón Crear.

Una vez que se crea el nuevo proyecto, seleccione en el menú desplegable y haga clic en la biblioteca en el panel izquierdo.

Google divide la API de la plataforma Google Maps en 15 tipos. Puede verlos haciendo clic en el enlace Vea todos en la sección Mapa. Debe activar las API de acuerdo con lo que desea lograr. En nuestro caso, debe activar las siguientes API para agregar un mapa de Google Maps usando complementos esenciales. API de direcciones
Agua de Geocad
Mapas API JavaScript
API de placent
Para activar una API, seleccione una API que desee activar (haciendo clic en él) y haga clic en el botón Activar.
Después de haber terminado de activar las API necesarias (API de direcciones, Geocoding API, Maps JavaScript API y Luese API), regrese a la placa principal de la consola de la API de Google y haga clic en las credenciales en el panel izquierdo. Haga clic en el botón Crear amplio y seleccione la tecla API. Copie la tecla API a la ventana emergente que aparece.

Inicie sesión en el tablero de WordPress y haga clic en los elementos esenciales de complementos en el panel izquierdo. Haga clic en la pestaña Elementos y desplácese hacia abajo a la sección avanzada de Google Maps. Haga clic en Configuración e inserte la tecla API que acaba de copiar.

Haga clic en el botón Guardar configuración para aplicar el nuevo cambio. Comience a crear el mapa una vez que se integren Google Maps y los complementos esenciales, puede comenzar a crear el mapa. Para hacer esto, cree una nueva página (páginas -> Agregar nueva) o una nueva publicación (publicaciones -> Agregar nuevo) y edítelo con elemento.

Antes de crear la página, establezca la página para hacer clic en el icono de la rueda en la esquina inferior izquierda para abrir el panel de configuración. Establezca la apariencia de la página en la sección de aspecto de la página.

Cree una nueva sección haciendo clic en el botón Plus en el área de lienzo. Para tener un área más amplia para el mapa, puede seleccionar la estructura con una sola columna. Tire del widget EA Google Map del panel izquierdo al área de lienzo. Acceda al panel izquierdo y configure el tipo de mapa en un marcador múltiple.

Abra la opción de configuración del marcador de mapa y haga clic en el marcador de mapa existente para editarlo. Glind la latitud y la longitud de la primera ubicación que desea agregar en el mapa. Establezca el título y la descripción.

Para obtener la latitud y la longitud de una ubicación, abra los mapas de Google y busque la ubicación (lugar) para la cual desea lograr la latitud y la longitud. Una vez encontrado, haga clic derecho en el punto de mapa exacto y seleccione ¿Qué hay aquí?

Debería ver una ventana emergente en la parte inferior de la página de Google Maps con las coordenadas necesarias para su lugar favorito. Copie la latitud (primer valor) y la longitud (segundo valor).


Una vez que haya terminado de agregar la latitud y la longitud de la primera ubicación, haga clic en Agregar artículo para agregar otro lugar al mapa.

Abra Google Maps una vez más y busque el nuevo lugar que desea agregar en el mapa y copie la longitud, así como la longitud y péguelos a los campos respectivos como lo anterior. Repita los pasos anteriores para agregar otros lugares al mapa. Una vez que haya terminado de agregar lugares, abra los comandos de su mapa para activar/desactivar los controles que desea proporcionar en el mapa. También puede establecer el nivel de zoom aquí.

Puede abrir la opción del tema del mapa para seleccionar el tema de Google Maps que desea usar.

Hasta ahora, ha creado con éxito un mapa con múltiples ubicaciones. Puede abrir la pestaña de estilo para establecer la altura, así como el ancho del mapa. Si desea tener un mapa de ancho completo, configure la sección que mantiene el mapa en el ancho completo. Para hacer esto, haga clic en el mango de sección.

En el ancho de sección del contenido del fabuloso, establecido hasta el ancho completo. También establezca la brecha de columnas sin brecha.

Haga clic en el botón Publicar en la parte inferior del panel izquierdo para publicar su página.

Ver ejemplo

Incorporación del mapa en una página/publicación regular Si, por una determinada razón, prefiere incorporar su mapa en una página/publicación normal (página/publicación creada con el editor predeterminado de WordPress-Gutenberg), puede usar los bloques de elementor para Complemento de Gutenberg. Este complemento convertirá una plantilla elemental en un bloque Gutenberg. Puede leer este artículo para obtener más información.

Para guardar el mapa que acaba de crear como plantilla elemental, haga clic en el icono de flecha junto al botón Publicar/Actualizar y seleccione Guardar como plantilla.
Dé un nombre de plantilla y haga clic en el botón Guardar.
Luego cree una nueva página/publicación (asegúrese de haber instalado previamente los bloques Elementer para Gutenberg). Agregue un nuevo bloque y seleccione la biblioteca Elementer y seleccione la plantilla que acaba de crear.