Layout do Mapa-Grade

Uma grade pode mostrar seus registros em um mapa. GridLayout.Map Listá-los 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. Cada registro vai para onde MapLatitudeColumn e MapLongitudeColumn , digamos, as coordenadas de endereço de uma conta ou contato, a menos que estejam definidas, e a busca, os filtros e as 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.

Os contatos de exemplo em um mapa

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 todos os envolver; clique em um pin para selecionar seu contato e abra seu popup, que direciona para a página do contato. Rode a lista para carregar mais contatos e seus pins. Escolha apenas o mapa no menu suspenso do layout para ver todos os contatos de uma vez, depois pesquise por nome, empresa ou cidade para restringir as opções.

Exemplo de reação Exemplo de Blazor React TypeScript Razor