a) Google Maps (1 de 5)

Para adicionar a tela do mapa de forma correta, primeiro vá em REFERENCE VIEWS > Add View, como mostrado na figura 65.

Figura 65 - Criação de uma nova tela através de REFERENCE VIEWS
Fonte: Elaborada pelos autores, 2025.

a) Google Maps (2 de 5)

Depois, aparecerá uma janela com a opção de criar uma nova tela, como mostrado na figura 66. Clique em Create new view para criar uma nova tela.

Figura 66 - Janela de criação de nova tela/view
Fonte: Elaborada pelos autores, 2025.

a) Google Maps (3 de 5)

A nova tela de referência criada será como mostrada na figura 67. Assim, teremos que fazer vários ajustes.

Figura 67 - View criada sem os devidos ajustes
Fonte: Elaborada pelos autores, 2025.

a) Google Maps (4 de 5)

Primeiro, mudamos View name (o nome da tela) de New View para Localização do Cliente. Depois, trocamos View Type de card para map, em seguida, mudamos o Map column de None para Localização do Cliente; também seria interessante ajustar o Map type para Road e o Location mode para Normal, como mostrado na figura 68.

Figura 68 - View depois de feitos alguns ajustes
Fonte: Elaborada pelos autores, 2025.

a) Google Maps (5 de 5)

Agora, clique em SAVE, reinicie a página clicando F5 e depois teste o app navegando até a página onde mostra o mapa com a localização do cliente. Você verá que a tela ficou ajustada agora, como mostra a figura 69.

Figura 69 - Resultado com a tela de localização completa
Fonte: Elaborada pelos autores, 2025.