Saltar al contenido

Agregar un Mapa de Google a un Panel

Vinyl se entrega con plantillas HTML/CSS preformateadas para permitirle agregar rápidamente Google Maps en Street View o Map View, así como una plantilla que se puede usar para agregar contenido de LinkedIn. Para las plantillas de Google Maps, necesitará aprovechar un objeto comercial que contenga datos de dirección, ciudad y estado. Para utilizar una de estas plantillas, su aplicación debe tener una Colección que contenga estas Plantillas asociada. Esta guía le explicará cómo trabajar con plantillas de Google Maps en Vinyl.

Mapa de Google

Asocia la Colección de Plantillas a Tu Aplicación

  1. Desde su aplicación, navegue hasta App Workbench > Más > Edge Case
  2. Haga clic en Colecciones de aplicaciones
  3. Haga clic en el botón Registrarse
  4. En el menú desplegable Colecciones, seleccione Terceros
  5. Haga clic en el ícono marca de verificación para guardar la entrada.

Agregar un Panel y Configurar Google Maps

  1. Navegue hasta la página de su aplicación donde desea agregar el panel de Google Maps.
  2. Haga clic en el Cajón de acciones y seleccione Live Designer
  3. Haga clic en +Panel y seleccione Formulario
  4. Haga clic en Siguiente
  5. Seleccione un Objeto comercial que contenga datos de dirección, ciudad y estado. Por ejemplo: Cliente (Fuente)
  6. Haga clic en Siguiente
  7. Seleccione Elegir manualmente
  8. Haga clic en Siguiente
  9. Seleccione un control para agregar y haga clic en Siguiente. Por ejemplo: cliente
  10. Haga clic en Finalizar
  11. Edite el valor de Nombre del panel si lo desea; este es el nombre del panel que se mostrará. Por ejemplo: Dirección del mapa del cliente
  12. Haga clic en Guardar
  13. Haga clic en +Control
  14. Establezca el tipo de control como Plantilla
  15. Proporcione un Nombre. Por ejemplo: Dirección del mapa
  16. Haga clic en el menú desplegable de Plantilla y seleccione el estilo de modelo de Google Map que desea utilizar. Por ejemplo: Google Maps Street View por dirección interactiva
  17. Haga clic en Siguiente
  18. Revise la información propuesta y haga clic en Finalizar
  19. Haga clic en el icono Plantilla Enlaces y confirme (o cree) entradas para Dirección, Ciudad y Estado asignando el valor del Parámetro de plantilla al valor de Control o Nombre de columna.

parámetro de plantilla.png

Ahora debería poder navegar a su aplicación, actualizarla y ver el panel de Google Map con la información del mapa asociada.