Categorías de widgets: Negocios
Muestre a sus visitantes un mapa de cualquier ubicación que desee. Usa el widget de mapa para mostrar la ubicación de tu negocio tradicional o de un evento especial. También puedes usarlo para mostrar a los clientes dónde encontrarán estacionamiento
Mapbox es el proveedor de mapas predeterminado para el widget de mapa. Sin embargo, puedes hacer que Google Maps sea el proveedor de mapas predeterminado para todos los sitios nuevos y existentes de tu cuenta. Además del widget de mapas, Google Maps pasará a ser la opción predeterminada en todos los mapas y búsquedas de ubicaciones de la biblioteca de contenido y otros widgets aplicables.
Todos los datos de ubicación de Mapbox se guardan y se aplican a Google Maps. Esto garantiza que no es necesario volver a configurar las ubicaciones.
Ten en cuenta que esta función solo la pueden habilitar los miembros del personal que tengan permiso de marca en la cuenta.
Para configurar Google Maps como tu proveedor de mapas predeterminado:
-
En tu cuenta de Google Maps, genera una clave de API. Para obtener información sobre cómo generar una clave de API, consultaLa documentación de Google. Te recomendamos que revisesPolítica de uso y facturación de Google.
-
(Opcional) Si configuras tu cuenta de Google para que la clave de API solo se pueda usar en sitios web específicos, debes añadir duda.co, el dominio de tu sitio y, si corresponde, cualquier dominio de marca blanca a la lista de sitios web permitidos en tu cuenta de Google. Es importante que utilices el siguiente formato para tus dominios:
*.duda.co/* -
Desde tu panel de control, haz clic en tu avatar en la esquina superior derecha y seleccionaCuenta.
-
En la página Configuración de la cuenta, desplázate hacia abajo hastaIntegración de Google Mapssección y clicConfigurar.
-
Pega tu clave de API en el campo y, a continuación, haz clicAplica a todos los sitios. Esto convierte a Google Maps en el mapa predeterminado para todos los sitios nuevos y existentes de tu cuenta.
Puedes desactivar Google Maps y volver a Mapbox en cualquier momento. Todos los datos de ubicación de Google Maps se guardarán y se aplicarán automáticamente a Mapbox cuando cambies
Opciones de configuración del mapa
-
Escriba la dirección de su empresa en el campo correspondiente.
-
Selecciona la dirección en el menú desplegable que aparece.
Nota
Si su dirección no aparece en el menú desplegable, significa que AQUÍ base de datos que utiliza Website Builder no contiene la dirección. Para enviar o corregir la dirección, póngase en contacto con Creador de mapas HERE.
Si utilizas Google Maps como proveedor predeterminado, consulta la documentación de Google, Añade un lugar que falta a Google Maps.
-
-
Puede elegir mostrar un botón de mapa en lugar de una imagen de mapa.
-
Para mostrar un botón de mapa en dispositivos específicos en el editor clásico, selecciona el Utilice el botón activado dispositivos (
) donde quieres que aparezca el botón. Si no se elige ningún dispositivo, se mostrará la imagen del mapa.
-
Editor 2.0: Para habilitar el botón en todos los dispositivos, haga clic en Establecer como botón en todos los dispositivos alternar.
-
-
Escriba el texto que desea que aparezca en el botón del Texto en el botón campo proporcionado.
-
Ventana emergente de información de ubicación (Ventana de información para el marcador del mapa). Para mostrar una ventana emergente con información de ubicación en el widget del mapa
-
Escriba un título y una descripción para la ventana emergente.
-
Seleccione para mostrar la ventana emergenteAl pasar el ratón,Al hacer clic, oSiempredesde el menú desplegable de la pantalla emergente.
-
Para incrustar mapas de Google Maps con el widget HTML:
-
Navega hasta Google Maps.
-
Busca la ubicación que deseas.
-
Haga clic en el menú de la esquina superior izquierda y, a continuación, haga clic Comparte o inserta un mapa .
-
Haga clic en Insertar mapa pestaña.
-
Copie la URL entre comillas después de <iframe src =». Asegúrese de copiar la URL completa entre comillas.
-
Navega hasta tu sitio y, en el panel izquierdo, haz clic en Widgets y arrastra el Widget HTML en una fila o columna.
-
Usa el siguiente código de inserción y añade la URL que has obtenido de Google Maps entre comillas después de iframe src=:
<div class="embed-container"><iframe src=" " frameborder="0" allowfullscreen></iframe></div> -
Entra en modo desarrollador.
-
Haga clic Sitio HTML/CSSy, a continuación, haga clic site.css.
-
Inserte 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 mapa cambiará de tamaño de forma adecuada para las diferentes vistas del dispositivo. Si utilizas el código de inserción normal de Google Maps, el tamaño del widget del mapa aparecerá estático en todos los dispositivos y se interrumpirá en la vista desde dispositivos móviles