Cómo crear mapas interactivos personalizados en WordPress con Google My Maps

Su sitio web añade Google Maps con funciones interactivas básicas.Google Mis Mapases una herramienta mucho más adecuada. En este artículo, vamos a detallar cómo utilizar Google My Maps para crear y alojar un sitio web de WordPress en el.Mapas interactivos integrados.

¿Qué es Google My Maps?

Google My Maps es un servicio gratuito en línea que permite a los usuarios personalizar Google Maps. Los mapas se puedenAñada marcadores exclusivos, puntos de interés, indicaciones para llegar, etc.e incrustarlo en su sitio web mediante código.No es necesario instalar un plugin de WordPress aparte.

Paso 1: Crear un nuevo mapa

En primer lugar, visite la página Google Mis Mapas y haga clic en "Crear un nuevo mapa".

Seleccionar mapa base

Una vez en el editor de mapas, puede seleccionar el mapa base y añadir puntos de interés y capas.

Haga clic en los tres puntos situados junto a "Capa sin título" y seleccione "Renombrar esta capa". Introduzca el nombre deseado y haga clic en "Guardar".

Cambiar el estilo del mapa

El aspecto del mapa puede cambiarse seleccionando un estilo existente. Haz clic en la flecha situada junto a "Mapa base" para examinar y seleccionar el estilo que más te convenga.

Paso 2: Añadir puntos de interés

Buscar y añadir etiquetas

Si sólo desea crear un mapa sencillo, puede pasar al cuarto paso. Sin embargo, para añadir riqueza al mapa, puede ser necesario añadir puntos de interés. Cuando un visitante hace clic en un punto de interés, aparece un tooltip con el nombre, la descripción, la foto y el vídeo (si está disponible) del lugar.

Introduzca la dirección en el campo de búsqueda y haga clic en el icono "Buscar" Google My Maps ampliará la zona. Si la ubicación ya existe en el mapa, simplemente haga clic en la ubicación y seleccione "Añadir al mapa" está disponible. Puedes editar este mensaje predeterminado, añadir tus propias fotos y vídeos, y hacer clic en el pequeño icono del lápiz para editar.

Personalización de la información sobre puntos de interés

Se pueden introducir títulos y descripciones, y añadir imágenes y vídeos para enriquecer la información sobre los puntos de interés. Por ejemplo, al crear un mapa para el sitio web de un restaurante, se pueden añadir fotos del exterior del local para ayudar a los clientes a encontrarlo, o subir un portafolio fotográfico para un estudio de fotografía.

Paso 3: Añadir una ruta

También es posible añadir rutas de viaje al mapa, lo que puede resultar muy útil para ayudar a los asistentes a encontrar la ubicación de un evento o recomendar rutas turísticas a los lectores de blogs de viajes.

Añadir una ruta en coche, a pie o en bicicleta

Haga clic en el icono "Añadir ruta" situado debajo de la barra de búsqueda e introduzca las direcciones de inicio y fin en la parte izquierda de la pantalla. Por defecto se muestra una ruta en coche, pero puedes elegir ir en bici o andando.

Trazado de rutas personalizadas

Haga clic en el icono "Trazar una línea" situado debajo de la barra de búsqueda para seleccionar una ruta en coche, a pie o en bicicleta. Haz clic en el punto de partida y traza una línea a lo largo de la ruta; a continuación, haz clic para colocar un marcador cuando llegues a tu destino.

Paso 4: Publicación de mapas interactivos en WordPress

Cuando el mapa esté configurado a su gusto, puede utilizar la funciónIncrustación de código iFrameAñádalo al sitio. En primer lugar, haga clic en "compartir (alegrías, beneficios, privilegios, etc.) con los demás" para hacer público el mapa, introduzca un título y una descripción del mapa y, a continuación, haga clic en "defina".

Configuración de los ajustes compartidos

Activa el interruptor "Cualquiera con este enlace puede ver" y haz clic en "Compartir en Drive".

Obtener código de incrustación

Haga clic en el icono de los tres puntos del menú de la izquierda, seleccione "Incrustar en mi sitio web" y copie el código iFrame generado.

Añadir bloques HTML personalizados en WordPress

En el panel de WordPress, ve a la entrada o página en la que quieras añadir un mapa interactivo, abre el editor de Gutenberg, haz clic en el botón "+" y busca "HTML" para añadir un bloque HTML personalizado. Pega el código de Google Maps en el bloque HTML y haz clic en el botón "Actualizar" o "Publicar".

alcanzar un veredicto

Con los pasos anteriores, es fácil crear y personalizar mapas interactivos utilizando Google My Maps e incrustarlos en tu sitio web WordPress. Esto no sólo mejora la interactividad de su sitio web, sino que también proporciona a los visitantes un servicio de información geográfica más intuitivo.

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres