¿Te gustaría añadir un mapa interactivo a WordPress? Los mapas interactivos permiten a los usuarios descubrir rutas, viajes e itinerarios haciendo clic en los marcadores del mapa o moviendo el mouse. En este artículo, le mostraremos cómo agregar fácilmente un mapa interactivo en WordPress.

Agregar mapas interactivos en WordPress

videotutorial

Suscríbete a WPBeginner

Si no te gusta el video o necesitas más explicaciones, sigue leyendo.

Método 1: agregue un mapa interactivo en WordPress usando Google My Maps

Este método es más simple y no requiere que instale un complemento en su sitio de WordPress.

Primero, debe visitar el sitio web de Google My Maps y hacer clic en el botón “Crear nuevo mapa”.

Crear un nuevo mapa

Esto lo llevará a la página Editar mapa. Desde esta pantalla, puede crear un mapa seleccionando un mapa base, agregando puntos de interés, capas y más.

Editar el mapa

Usando la barra de herramientas en la parte superior, puede dibujar líneas en el mapa, agregar direcciones, usar la regla y seleccionar elementos.

Uso de la barra de herramientas del mapa

Todos los elementos de su mapa se guardan en capas a la izquierda. Puede agregar, editar, renombrar e incluso eliminar capas. También puede hacer clic en cualquier elemento de la capa para agregar una descripción, cambiar el título o agregar una foto o un video.

Agregar descripción

Una vez que haya terminado de editar el mapa, debe hacerlo público para poder usarlo en su sitio web. Puede hacerlo haciendo clic en el botón Compartir en el panel de edición.

Comparte tu mapa interactivo

Esto abrirá el Centro para compartir y deberá hacer clic en “Cambiar” en la sección “Quién tiene acceso”.

Configuración compartida

A continuación, debe seleccionar “Activado – Público en la Web” y hacer clic en el botón Guardar.

Haz público tu mapa

Luego haga clic en “Finalizar” para cerrar el Centro para compartir.

En el panel de edición, haga clic en el icono de menú junto al nombre del mapa y seleccione Incrustar en mi sitio web.

Incrustar mapas en el campo

Ahora verá el código de inserción que debe copiarse.

código de inserción

A continuación, vaya a la publicación o página donde desea agregar un mapa interactivo en WordPress. En la pantalla de edición posterior, debe cambiar a un editor de texto y pegar el código de inserción del mapa que copió anteriormente.

Pegue su código de mapa interactivo en WordPress

Ahora puede guardar sus cambios y obtener una vista previa de su publicación para ver su mapa interactivo.

vista previa del mapa

Método 2: agregue un mapa interactivo en WordPress usando un complemento

Si bien puede usar Google Maps para crear y agregar mapas interactivos, todavía carece de algunas funciones y está limitado a Google Maps.

Si desea utilizar Open Street Maps, Bing u otros servicios de mapas, este método es para usted.

Lo primero que debe hacer es instalar y activar el complemento Maps Marker Pro. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar complementos de WordPress.

Después de la activación, debe acceder marcador de mapa profesional página para crear su mapa interactivo. Primero, debe hacer clic en el botón “Agregar nueva capa”.

Agregar una nueva capa al mapa

A continuación, debe asignar un nombre a la capa y hacer clic en Publicar.

Crear una nueva capa y publicar

Ahora que ha creado una capa, puede agregarle marcadores de mapa.ir con Maps Marker Pro » Agregar nuevo marcador página para agregar su primer marcado.

Agregar el primer marcador

Primero, debe ingresar el título de la etiqueta, luego buscar la ubicación y seleccionarla.

También deberá colocar marcadores en la capa que creó anteriormente. Para ello, introduzca el nombre de la capa en el campo Capa y selecciónelo.

No olvide hacer clic en el botón “Publicar” para guardar su marcado.

Repita el proceso para agregar otros marcadores a la capa.

Una vez que haya terminado de agregar marcadores, puede editar cualquier publicación o página de WordPress donde desee agregar el mapa.

En la pantalla de edición de publicaciones, haga clic en el botón “Agregar mapa”.

Añadir botón de mapa

Aparecerá una ventana emergente que muestra todos los marcadores de mapa y las capas que creó anteriormente. Debe seleccionar la capa y hacer clic en el botón Insertar mapa.

Seleccione e inserte capas de mapa en su publicación o página

El complemento agregará el código abreviado deseado en el área del editor de publicaciones. Ahora puede guardar o publicar su publicación y obtener una vista previa para ver su mapa interactivo.

Vista previa de su mapa interactivo

Puede editar la capa maestra en cualquier momento para ajustar el tamaño y las dimensiones del mapa.

Maps Marker Pro es un poderoso complemento con toneladas de opciones, como mapas de múltiples capas, marcadores personalizados, direcciones, compatibilidad con GPX, exportación de mapas en múltiples formatos y más. Puede explorar estas opciones para que su mapa sea más interactivo.

Esperamos que este artículo le haya ayudado a aprender cómo agregar un mapa interactivo en WordPress. También puede consultar nuestra lista de los mejores complementos de Google Maps para WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Facebook.

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.