Muestre a sus visitantes el mapa de cualquier ubicación que desee. Use el para mostrar la ubicación física de su negocio o de un evento especial. También puede usarlo para mostrar a los clientes dónde encontrarán estacionamiento.
Para agregar el Mapa:
- En el panel izquierdo, haga clic en Widgets.
- Haga clic y arrastre el Mapa a su sitio.
Para obtener más información sobre cómo agregar s a su sitio, consulte Agregar widgets.
Editor de contenido
Para acceder al editor de contenido:
- Haga clic con el botón derecho en el y haga clic en Editar contenido.
- Escriba su dirección comercial en el campo proporcionado.
- Seleccione la dirección en el menú desplegable que aparece. Si su dirección no aparece en el menú desplegable, significa que la base de datos de HERE que usa IONOS no contiene la dirección. Para enviar o corregir la dirección, comuníquese con HERE Map Creator.
- Es posible que quiera mostrar un botón de mapa en lugar de una imagen de mapa. Para mostrar un botón de mapa en dispositivos específicos, seleccione Usar botón en dispositivos (
) donde desea que aparezca el botón. Si no se elige ningún dispositivo, se mostrará la imagen de mapa. - Escriba el texto que desea que aparezca en el botón en el campo Texto en el botón proporcionado.
Mostrar elemento emergente con información de la ubicación
Para mostrar un elemento emergente de información de ubicación en el de mapa:
Escriba un título y una descripción para el elemento emergente.
Seleccione para mostrar la ventana emergente Al mantener cursor sobre , Al hacer clic o Siempre en el menú desplegable de elementos emergentes.
Editor de diseño
Para acceder al editor de diseño, haga clic con el botón derecho en el y haga clic en Editar diseño.
Haga clic en la pestaña Diseño para editar el diseño del mapa que aparece en su sitio.
Para obtener información sobre las opciones de diseño que no son específicas de este (por ejemplo, diseño, estilo o espaciado), consulte Diseño de widgets.
Incruste un mapa de Google usando un widget de HTML
Para incrustar mapas de Google Maps con el de HTML:
- Navegue a Google Maps.
- Busque la ubicación que desee.
- Haga clic en el menú situado en la esquina superior izquierda, luego haga clic en Compartir o incrustar mapa.
- Haga clic en la pestaña Incrustar mapa.
- Copie el URL entre las comillas que van luego de <iframe src =". Asegúrese de copiar el URL completo anidado entre las comillas.
- Navegue a su sitio y, en el panel izquierdo, haga clic en Widgets, y arrastre el HTML a una fila o columna.
- Use el siguiente código de incrustación y agregue la URL que obtuvo de Google Maps entre las comillas que van después de iframe src=:
<div class="embed-container"><iframe src=" " frameborder="0" allowfullscreen></iframe></div> - Vaya al Modo de desarrollador.
- Haga clic en HTML/CSS del sitio y luego haga clic en site.css.
- Incruste el siguiente CSS en esta sección:
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
El tamaño del mapa cambiará de tamaño según corresponda para adaptarse a las vistas en los distintos dispositivos. Si usa el código de incrustación normal de Google Maps, el tamaño del de mapa aparecerá estático en todos los dispositivos y se cortará en la vista de dispositivos móviles.
