mappa di google errore strano

[alex_mac88]

ragazzi non so se è un problema di css o js so solo che mi da errore (in allegato) questo codice:

praticamento ho un campo address che appena riceva almeno una lettera mi deve mostrare la mappa, se non c'è nulla non deve mostrare la mappa, funziona bene solo che la mappa di google si vede com in allegato:

css
#map_canvas {width: 500px; height: 400px; display: none; }


js
$("#address").keypress(function() {
$("#map_canvas").fadeIn(1000);
});

se elimino sia l'effetto js e elimino display none dal css tutto si vede bene.
E' come se fosse tagliata la mappa e il resto è grigio( guardare allegato)

[cavicchiandrea]

Si è un "diffetto" impostando il div (contenitore) con display:none, per risolvere devi prima "mostrare" il div poi caricare la mappa

[alex_mac88]

scusami non ho capito, se io non lo voglio subito mostrare la mappa, ma mostrarlo solo dopo le parole inserite nel campo #address?

[cavicchiandrea]

Come t'ho già detto se usi display devi prima fare il fade (mostrare) poi carichi la mappa tipo:

$("#address").keypress(function() {
$("#map_canvas").fadeIn(1000, function(){
qui lancio la funzione che carica la mappa});
});

[alex_mac88]

grazie risolto