Adding An Interactive Map In Wordpress

Cómo agregar un mapa interactivo en WordPress

¿Quieres agregar un mapa interactivo en WordPress? Los mapas interactivos permiten a sus usuarios explorar rutas, rutas y rutas haciendo clic en marcadores en el mapa o moviendo el mouse. En este artículo, le mostraremos cómo agregar fácilmente un mapa interactivo en WordPress.

Video tutorial

Suscríbase a MundoCMS Si no le gusta el video o necesita más instrucciones, siga 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 plugin en su sitio de WordPress. En primer lugar, debe visitar el sitio web de Google My Maps y hacer clic en el botón «Crear nuevo mapa».

Crea Una Nueva Tarjeta
Esto lo llevará a la página de edición del mapa. En esta pantalla, puede crear su mapa seleccionando un mapa base, agregando puntos de interés, capas, etc.
Modificar El Mapa
Usando la barra de herramientas en la parte superior, puede dibujar líneas en el mapa, agregar rutas, usar reglas y seleccionar elementos.
Uso De La Barra De Herramientas Del Mapa
Todo en su mapa se guarda en capas a la izquierda. Puede agregar, editar, renombrar o incluso eliminar capas. También puede hacer clic en cualquier elemento de su capa para agregar una descripción, cambiar el título o agregar fotos / videos.
Agregar Descripciones
Una vez que haya terminado de editar su 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 donde debe hacer clic en «Editar» en la sección «Quién tiene acceso».
Compartiendo Ajustes
Luego, debe seleccionar «Al público en la Web» y hacer clic en el botón Guardar.
Haz Tu Mapa Público
Después de eso, haga clic en «Listo» para cerrar el centro de intercambio. En el panel de edición, haga clic en el icono de menú junto al nombre de la tarjeta, luego seleccione «Insertar en mi sitio».
Integrar La Tarjeta En El Sitio
Ahora verá el código de inserción que necesita copiar.
Código De Inserción
A continuación, diríjase a la publicación o página donde desea agregar su mapa interactivo en WordPress. En la pantalla de edición de publicaciones, debe cambiar al editor de texto y pegar el código de inserción de la tarjeta 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 en acción.
Vista Previa Del Mapa

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

Si bien puede crear y agregar mapas interactivos con Google Maps, aún 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 plugin Maps Marker Pro. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress. Tras la activación, debe visitar Marcador de mapas Pro página para crear su mapa interactivo. Para comenzar, debe hacer clic en el botón «Agregar nueva capa».
Agrega Una Nueva Capa A Tu Mapa
A continuación, debe proporcionar un nombre para su capa y hacer clic en publicar.
Crea Una Nueva Capa Y Publícala
Ahora que ha creado una capa, está listo para agregarle marcadores de mapa. Ir a Maps Marker Pro »Agregar un nuevo marcador página para agregar su primer marcador.
Añadiendo El Primer Marcador
Primero deberá ingresar un título para el marcador, luego buscar la ubicación y seleccionarla. También deberá colocar su marcador en la capa que creó anteriormente. Puede hacer esto escribiendo el nombre de la capa en el campo de capas y seleccionándolo. No olvide hacer clic en el botón «Publicar» para guardar su marcador. Repite el proceso para agregar más 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 elementos, haga clic en el botón «Agregar una tarjeta».
Agregar Un Botón De Mapa
Esto abrirá una ventana emergente que muestra todos los marcadores de su mapa y la capa que creó anteriormente. Debe seleccionar la capa y hacer clic en el botón Insertar mapa.
Seleccione E Inserte Una Capa De Mapa En Su Publicación O Página
El plugin agregará el código corto requerido en el cuadro de edición de su publicación. Ahora puede guardar o publicar su publicación y obtener una vista previa para ver su mapa interactivo.
Obtenga Una Vista Previa De Su Mapa Interactivo
Siempre puede cambiar su capa principal para ajustar el tamaño y las dimensiones del mapa. Maps Marker Pro es un poderoso plugin con toneladas de opciones como mapas de varias capas, marcadores personalizados, direcciones, compatibilidad con GPX, exportar mapas en múltiples formatos y más. Puede explorar estas opciones para hacer que sus mapas sean aún más interactivos. Esperamos que este artículo te haya ayudado a saber cómo agregar un mapa interactivo en WordPress. También puede consultar nuestra lista de los mejores plugins de Google Maps para WordPress. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Leave a Reply