Incrustar un mapa en tu sitio web
Muestra el mapa de un proyecto dentro de una página de tu propio sitio web, elige su aspecto y limita los sitios web que pueden mostrarlo.
Un mapa incrustado pone uno de tus proyectos dentro de una página de tu propio sitio web: sus figuras, sus mediciones y, si tiene precios, su presupuesto. Los visitantes lo ven ahí mismo, sin cuenta, y pueden abrirlo en Measure Map Online si quieren más espacio.
Qué proyectos se pueden incrustar#
Lo que ven los visitantes de tu sitio web depende del nivel de acceso del proyecto:
- Los proyectos Ver sólo y Público se muestran en tu página. Los visitantes pueden mirar pero no cambiar nada: la edición está desactivada dentro de un mapa incrustado, incluso para los miembros del proyecto.
- Los proyectos Invitado Abierto son la excepción: los visitantes pueden medir en ellos y pedirte un presupuesto.
- Los proyectos Privado no se abren para tus visitantes.
Define el nivel de acceso del proyecto en su configuración de compartición antes de incrustarlo.
Obtener el código de inserción#
- En el panel de control, pulsa Desarrollador y luego Insertar un mapa. La inserción usa siempre tu clave de producción: los visitantes de tu sitio web no pueden abrir los proyectos creados con una clave de pruebas (consulta producción y pruebas).
- En Obtener la clave para iFrame API, si la página aún no muestra ninguna clave, pulsa Generar nueva clave. Consulta claves de API.
- En Establecer el ID de proyecto, escribe parte del nombre del proyecto en Seleccione proyecto y elígelo de la lista. La lista indica cómo se comparte cada proyecto y deja fuera las plantillas y los proyectos de la papelera. Si eliges un proyecto Privado, la página te avisa de que tus visitantes no pueden abrirlo y te ofrece Cambiar a «Ver sólo».
- En Insertar código, elige el aspecto del mapa:
- Tema: Automático sigue la opción de modo claro u oscuro de cada visitante; o siempre Claro u Oscuro.
- Unidades: Automático (país del visitante) muestra unidades imperiales a los visitantes de Estados Unidos y métricas a todos los demás; o siempre Imperial o Métrico.
- Tipo de mapa: Satélite, Mapa, Híbrido o Relieve.
- Ancho y Alto del mapa en tu página, en píxeles (de 200 a 2000).
- Comprueba la Vista previa en vivo.
- Pulsa junto a Código de inserción y pega el código en el HTML de tu página, donde debe aparecer el mapa.
El código contiene tu clave de API, así que el mapa sigue funcionando hasta que sustituyas la clave, en los sitios web que la clave permita. Después de sustituirla, la clave antigua se sigue aceptando durante 24 horas: pega el código nuevo en tus páginas dentro de ese plazo. Solo la Vista previa en vivo de esta página usa en su lugar un token de corta duración.
Para que la clave no aparezca en tus páginas, haz que el servidor de tu sitio web pida un token cada vez que se muestre la página. Consulta clave o token, donde también se enumeran todas las opciones que admite la dirección de inserción.
Limitar el mapa a tus sitios web#
Por defecto, un mapa incrustado funciona en cualquier sitio web. Para
impedir que otros sitios muestren tus mapas, pulsa Desarrollador > Claves de API y añade tus propios
sitios web, como example.com, en Restricciones del sitio web. Un sitio
web de la lista cubre también sus subdominios. En cuanto la lista tiene al
menos un sitio web, un mapa incrustado en cualquier otro sitio no se abre.
Consulta restringir la clave a tus sitios web.
Qué pueden hacer los visitantes#
En un mapa incrustado, los visitantes pueden:
- moverse y acercar o alejar el mapa, y hacer clic en una figura para consultar sus mediciones;
- ver el presupuesto del proyecto, cuando la tiene;
- pulsar para cambiar el tipo de mapa y las unidades de medida (consulta configuración);
- pulsar el botón de Measure Map Online de la esquina inferior derecha para abrir el proyecto en una pestaña nueva.
En un proyecto Open Guest también pueden dibujar y medir, y pulsar Solicitar presupuesto para enviarte sus datos.
En todos los demás mapas incrustados no se puede editar, ni siquiera los miembros del proyecto. Para crear la inserción desde tu propio código, o para poner en ella un token de corta duración en lugar de tu clave, consulta la API iFrame.
¿Aún necesitas ayuda?
Escribe a nuestro equipo de soporte y cuéntanos qué intentabas hacer. Las capturas de pantalla ayudan.