Google Maps e iframe modal

**fermat** · 05-03-2012, 14:59

ciao!
ho impostato nella pagina una finestra modale che si apre al click su un link:

codice:

Maps
<div id="boxes">
    <div id="dialog" class="window">
        Close

        <iframe width="700" height="690" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="template/maps/sir.html"></iframe>
    </div>
    <div id="mask"></div>
</div>

ho messo un iframe e come source una pagina che carica google map:

codice:

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&language=it"></script>
        <script type="text/javascript" src="gmap.js"></script>
    </head>
    <body onload="maps();">
        <div id="map_canvas" style="width: 700px; height: 680px;"></div>
    </body>
</html>

funziona tutto a parte il cnetramento della mappa.
come codice js ho usato lo stesso che ho messo su un altro sito, dentro una pagina "normale" però, e li funziona tutto.
penso che il problema sia la modalità in cui carico lo script.
qualcuno ha per caso già affrontato il problema e sa aiutarmi?

**fermat** · 05-03-2012, 18:32

allora, con un trucco banale.
il problema però è che con IE 8/9 il tutto nn funziona.
in pratica nn mi il rendering della mappa dentro l'iframe.
potrebbe essere un problema di iframe e della pagina caricata all'interno?

**Xinod** · 05-03-2012, 18:48

google maps ha bisogno che il contenitore della mappa sia visibile al momento dell' attivazione

temo che l' unico modo sia assegnare un id all' iframe e attivare la mappa all' open della dialog

codice:

$('#dialog').dialog({
  ...
  open:function(){$('idIframe')[0].contentWindow.maps();},
  ...
})

**fermat** · 05-03-2012, 18:59

farò la prova.
ma cmq il problema ce l'ho solo su IE, ed in veritò mezzo risolto.
nel senso:

codice:

[img]template/images/icona_mondo.jpg[/img]

[img]template/images/icona_mondo.jpg[/img]

<div class="boxes">
    <div class="dialog window sir">
        Close

        <iframe width="600" height="590" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" 
                src="http://www.sito.it/TEST/template/maps/map.php?lat=41.826694&lng=12.583593"></iframe>
    </div>
    <div id="mask"></div>
</div>
<div class="boxes">
    <div class="dialog window chiarad">
        Close

        <iframe width="600" height="590" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" 
                src="http://www.sito.it/TEST/template/maps/map.php?lat=41.6368286&lng=13.3530186"></iframe>
    </div>
    <div id="mask"></div>
</div>

a seconda del link richiamo un boxes diverso che reichiama sempre la stessa pagina, ma passando coordinate diverse.
su FF nessun problema.
per IE ho dovuto mettere il percorso completo nell'iframe.
il problema è che il primo dei link funziona bene, il secondo ridà qual problema.
ho provato a scambiare i boxes e il primo funziona sempre.
ci deve essere altro che gli da fastidio.

Discussione: Google Maps e iframe modal

Strumenti discussione

Ricerca discussione

Visualizza

Google Maps e iframe modal

Permessi di invio