A guia de alternância de dados dificulta o download do mapa do folheto

Esta questão surge quando um mapa de folheto dentro de uma guia de alternância de dados não é baixado corretamente . O mapa funcionava anteriormente quando exibido fora da guia.

Causa

O folheto inicializa o mapa ao ler o tamanho do contêiner. Quando o contêiner é inicialmente oculto ou suas dimensões são alteradas, o Leaflet permanece inconsciente das alterações, levando a downloads incorretos de blocos. Esse problema é comum ao usar painéis de guias ou modais em estruturas como Bootstrap.

Solução

Acione uma atualização de tamanho do contêiner chamando map.invalidateSize() quando o painel da guia é exibido. Isso pode ser feito por meio de um ouvinte no clique do botão guia.

Implementação do ouvinte de clique do botão guia

Para implementação do ouvinte de clique do botão guia, consulte Stack Overflow ou documentação específica da estrutura.