Saltar al contenido

Añadir un Mapa de Google a un Panel

App Builder se entrega con plantillas HTML/CSS preformateadas que le permiten 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, deberá aprovechar un objeto comercial que contenga datos de dirección, ciudad y estado. Para usar una de estas plantillas, su aplicación debe tener una colección que contenga estas plantillas asociadas. Esta guía lo guiará a través del proceso de trabajo con plantillas de Google Maps en App Builder.

Mapa de Google

Asocie la Colección de Modelo a Su 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 Registrar
  4. En el menú desplegable Colecciones, seleccione Terceros
  5. Haga clic en el ícono de marca de verificación para guardar la entrada

Añadir un Panel y Configurar Google Maps

  1. Navega hasta la página de tu aplicación donde quieras agregar el panel de Google Maps
  2. Haga clic en el Cajón de acciones y seleccione Diseñador en vivo
  3. Haga clic en +Panel y seleccione Formulario
  4. Haga clic en Siguiente
  5. Seleccione un Objeto comercial que contenga datos sobre Dirección, Ciudad y Estado. Por ejemplo: Cliente (Origen)
  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 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 Plantilla y seleccione el estilo de modelo de Google Maps que desea utilizar. Por ejemplo: Google Maps Street View By Address Interactive
  17. Haga clic en Siguiente
  18. Revise la información propuesta y haga clic en Finalizar
  19. Haga clic en el ícono Enlaces de plantilla y confirme (o cree) entradas para Dirección, Ciudad y Estado asignando el valor del parámetro de plantilla al valor del control o del nombre de columna.

parámetro de plantilla.png

Ahora deberías poder navegar hasta tu aplicación y actualizarla para ver el panel de Google Maps con la información del mapa asociado.