Tenho dois mapas numa página, estou usando slideToggle e slideUp para exibir deixar disponível para visualização apenas um mapa por vez. mapa_fixo e mapa_movimento são as divs que contem os mapas.
#mapa_fixo
{
display:none;
}
#mapa_movimento
{
display:none;
}
function verifica_categoria_carrega_mapa(id)
{
var id_categoria = id;
if(id==1)
{
if($("#mapa_fixo").is(":visible") == true)
{
}
else
{
$("#mapa_fixo").slideToggle();
$("#mapa_movimento").slideUp();
return false;
}
}
else if(id==2)
{
if($("#mapa_movimento").is(":visible") == true)
{
}
else
{
$("#mapa_fixo").slideUp();
$("#mapa_movimento").slideToggle();
gmaps.refresh()
return false;
}
}
}
Tá funcionando, mas, os mapas não estão sendo exibidos corretamente, devido a componentes jquery um dos mapas é carregado num arquivo .js o outro diretamente na página.
Se for carregar os mapas normalmente, sem estar com Display:none, os mapas carregam normalmente.
display:none
também. O que tive que fazer foi aplicar a reinicialização do mapa, que acontece no load do DOM.google.maps.event.addDomListener(window, 'load', initialize);
, mas, sem sucesso, vi algo relacionado agoogle.maps.event.addListenerOnce(map_rota, 'idle', function()
, mas, não achei metodo para executar, conhece algo?