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