Google Maps Oculto

Há momentos em que você deseja ocultar um mapa e mostrá-lo apenas quando algum evento acontecer.

Estou usando as incríveis joias Gmaps4Rails para exibir meus mapas e extrair os dados com meu aplicativo RoR.

Imagine que você deseja exibir um mapa apenas com um clique.

Primeiro, defina o div externo como oculto:

#map {
display: hidden;
}

Em seguida, configure o botão “mostrar botão do mapa” para responder ao evento de clique.

document.getElementById('show-map-button').onclick = function () {
  if ($("#map").is(":hidden"))
  {
    $("#map").slideDown("slow", function() {
        Gmaps.loadMaps();
        google.maps.event.trigger(Gmaps.map.map, 'resize');
  }
  else 
  {
    $("#city-map").slideUp("slow");
  }

};

Lembre-se de alterar o objeto do mapa para o nome do seu objeto. (no meu caso, é Gmaps.map.map)