Uma grade pode mostrar seus registros em um mapa. GridLayout.Map lista-os como cartões ao lado de um mapa com um pin para cada um, e mantém o mapa nos registros escolhidos pelo usuário. GridLayout.MapOnly mostra o mapa sozinho com cada registro que a grade corresponde nele, carregando-os MapPageSize por vez (250 por padrão) até MapMaximumRows (1.000 por padrão) — mapPageSize e mapMaximumRows no React. ShowMapPinNumbers numera cada cartão e seu pin igualmente, e ShowMapPrintButton adiciona um botão Imprimir na barra de ferramentas que imprime o mapa, com os cartões listados abaixo, ou salva como imagem. MapPrintList (mapPrintList) escolhe quais cartões são listados — os selecionados (o padrão, todos os cartões sem nenhum selecionado), aqueles cujos pins aparecem no mapa, todos ou nenhum — e os usuários alteram isso no menu de Configurações. Cada registro vai para onde MapLatitudeColumn e MapLongitudeColumn , digamos, as coordenadas de endereço de uma conta ou contato, a menos que estejam ativadas, e a busca, filtros e visualizações funcionam como em qualquer outro layout. Os layouts de mapas precisam do pacote Mapas: AddPowerPortalsProWebBlazorMaps() em Blazor, ou <MapsProvider> ao redor de um app React.
O cartão de cada contato mostra sua empresa e onde ela está. Clique em um cartão para exibir seu contato no mapa, ou selecione vários para encaixar todos; clique em um pin para selecionar seu contato e abra seu popup, que faz um link para a página do contato. O número de cada cartão também está no seu PIN. Use o botão Imprimir na barra de ferramentas para imprimir o mapa com os contatos listados abaixo, ou para salvá-lo como uma imagem. Rode a lista para carregar mais contatos e seus pins. Escolha Mapa apenas no menu suspenso do layout para ver todos os contatos ao mesmo tempo, depois pesquise por nome, empresa ou cidade para restringi-los.