Zoom google map con animate

[fabioweb90]

Buonasera,
ho scirtto questo script per effettuare lo zoom sulla mappa
Il problema è che dopo lo zoom si caricano delle bande grigie ai lati..

 $(".zoomappa").click(function() {
          $('.zoomappa').hide();
          $('#cavas_id121').animate({width:'710px'}, 500);;
          $('#cavas_id121').animate({height:'640px'}, 500);;          
           $('.nozoomappa').show();
     });
     
     $(".nozoomappa").click(function() {
          $('.nozoomappa').hide();
          $('#cavas_id121').animate({width:'340px'}, 500);;    
             $('#cavas_id121').animate({height:'260px'}, 500);;
           $('.zoomappa').show();
     });

Come posso fare?

Grazie

[cavicchiandrea]

Devi ricaricare la mappa tutte le volte che modifichi il contenitore, ma attenzione sono tutte chiamate al server google che vengono conteggiate e visto che nella versione free c'è un limite di richieste una volta raggiunto il servizio si blocca, se invece utilizzi una versione business come non detto

[fabioweb90]

Ti ringrazio per la spiegazione. Potresti gentilmente dirmi dove si attiva questo servizio business?

[cavicchiandrea]

Vedi su api maps, non sono poche le richieste anche per la versione free e trovi indicazioni per la versione a pagamento

[fabioweb90]

mm capisco. E se aggiungessi un bottone con scritto: "Ricarica mappa per visualizzarla correttamente" dove al click si ricarica la mappa con le dimensioni corrette dico una stupidata oppure è fattibile? Ed in che modo?

Grazie