[Risolto] Implementare Google Maps in Greybox

marcocarrieri

Potresti spiegarti meglio?
Non capisco l'attinenza con Greybox.

lucaeffe

L'idea è quella di aprire una finestra Greybox con al suo interno la Google Maps che vada in automatico alll'indirizzo preciso che mi serve.

questo e ciò che ho provato a fare

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="[Scripts/swfobject_modified.js](http://www.giorgiotave.it/forum/view-source:file:///C:/Documents%20and%20Settings/principale/Documenti/vincenzo%20corda/Scripts/swfobject_modified.js)" type="text/javascript"></script>
    <script type="text/javascript">
      var GB_ROOT_DIR = "http://maps.google.it/rw_common/themes/theme_name/greybox/";

    </script>
    
   
   
   

    
    



<script type="text/javascript" src="[GB/AJS.js](http://www.giorgiotave.it/forum/view-source:file:///C:/Documents%20and%20Settings/principale/Documenti/vincenzo%20corda/GB/AJS.js)"></script>
<script type="text/javascript"  src="[GB/AJS_fx.js](http://www.giorgiotave.it/forum/view-source:file:///C:/Documents%20and%20Settings/principale/Documenti/vincenzo%20corda/GB/AJS_fx.js)"></script>
<script type="text/javascript" src="[GB/gb_scripts.js](http://www.giorgiotave.it/forum/view-source:file:///C:/Documents%20and%20Settings/principale/Documenti/vincenzo%20corda/GB/gb_scripts.js)"></script>
<link href="[GB/gb_styles.css](http://www.giorgiotave.it/forum/view-source:file:///C:/Documents%20and%20Settings/principale/Documenti/vincenzo%20corda/GB/gb_styles.css)" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="[home-page.css](http://www.giorgiotave.it/forum/view-source:file:///C:/Documents%20and%20Settings/principale/Documenti/vincenzo%20corda/home-page.css)"- type="text/css" />
<title>Documento senza titolo</title>
</head>

<body>

<div id="header">
<ul id="menu">
<li class="vocecorrente"><a href="[home-page.html](http://www.giorgiotave.it/forum/view-source:file:///C:/Documents%20and%20Settings/principale/Documenti/vincenzo%20corda/home-page.html)"><strong>Home</strong></a></li>
<li><a href="[il-nostro-team.html](http://www.giorgiotave.it/forum/view-source:file:///C:/Documents%20and%20Settings/principale/Documenti/vincenzo%20corda/il-nostro-team.html)"><strong>Il nostro Team</strong></a></li>
<li><a href="[partners.html](http://www.giorgiotave.it/forum/view-source:file:///C:/Documents%20and%20Settings/principale/Documenti/vincenzo%20corda/partners.html)"><strong>Partners</strong></a></li>
<li><a href="[#](http://www.giorgiotave.it/forum/view-source:file:///C:/Documents%20and%20Settings/principale/Documenti/vincenzo%20corda/home-page.html#)"><strong>Servizi</strong></a></li>
</ul></div>

<div id="navigation">
  


<div id="testo_img"></div>
<div id="separatore"><img src="[http://www.giorgiotave.it/forum/images/linea.jpg](http://www.giorgiotave.it/forum/view-source:file:///C:/Documents%20and%20Settings/principale/Documenti/vincenzo%20corda/images/linea.jpg)" width="17" height="400" /></div>







<div id="foto_flash"><object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400">
    <param name="movie" value="FOTO_HAIR.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="9.0.45.0" />
    <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don?t want users to see the prompt. -->
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="FOTO_HAIR.swf" width="550" height="400">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="9.0.45.0" />
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
      <div>
        <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
        <p><a href="[http://www.adobe.com/go/getflashplayer](http://www.adobe.com/go/getflashplayer)"><img src="[http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif](http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif)" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
      </div>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object></div>

</div> 







<div id="footer">
<div id="mappa">
<ul>
    <li>
        <a href="[http://www.google.com/](http://www.google.com/)" title="Google" rel="gb_page_center[640, 480]">Visualizza la Mappa</a>
    </li>

</ul></div></div>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
//-->
</script>
</body>
</html>

```Questo è ciò che ottengo

*[![image](http://img689.imageshack.us/img689/7681/greybox.th.jpg)](http://img689.imageshack.us/i/greybox.jpg/)*
[
](http://img689.imageshack.us/i/greybox.jpg/)

lucaeffe

Qui poi l'ho cancellato ma avevo inserito seguendo un tutorial la API key ma il risultato era identico..

marcocarrieri

Io dividerei il problema in più parti per arrivare a risolvere il problema.

Creo un file e lo chiamo ad esempio mappa.html .
Vado su Google Maps inserisco l'indirizzo esatto.
Google Maps offre la possibilità senza usare direttamente l'API di prelevare il link della mappa con marker che hai appena ottenuto.
Nella mappa a destra clicca su link e preleva il secondo campo (un iframe).
Incollalo nel file mappa.html .
Controlla ora aprendo tale file che restituisca effettivamente la mappa che avevi scelto, p.s (in questa pagina metti margin, e padding a 0 per body e html poiche dovrà essere richiamata da Greybox e senza spaziature al suo interno.
Provi a lanciare Greybox ad esempio con l'indirizzo di google per vedere se funziona.
<a href="http://google.com/" title="Google" rel="gb_page[500, 500]">Prova Google</a>
Se tutto funzionante passi ora la tua mappa.
<a href="/percorsorelativo/mappa.html" title="La mia mappa" rel="gb_page[500, 500]">Clicca per vedere la mia mappa</a>

La grandezza che vedi, 500, è facoltativa, per ottenere un effetto più gradevole possibile, indica la stessa grandezza che usi per la grandezza dell'iframe e come ti ho detto prima, nella pagina mappa.html, ricordati di usare uno stile che tolga tutti i padding e margin.

Spero che facendo cosi riuscirai a risolvere.
Saluti, Marco.

lucaeffe

Questo è cio che scrivo nel codice

</script>

Questo è ciò che mi dice quando apro la mappa

La pagina - www.google.com/loader_frame.html?s=0 – non esiste.

Che significa??

marcocarrieri

Stai sbagliando, in quella variabile devi indicare la cartella dove si trovano gli elementi, script, di Greybox.

Quindi facciamo un esempio, hai una cartella che si chiama "myfolder" all'interno della quale metti il tuo file pagina.html e la tua cartella che hai scaricato di Greybox con i file e script chiamata "greybox".

Nel file pagina html, quella riga ora diventa.

lucaeffe

Ok!

Ora però apre un intera finestra di google sopra senza alcun effetto GB....come se si tornasse alla homepage!

lucaeffe

Ho risistemato il codice

<script type="text/javascript">
     var GB_ROOT_DIR = "C:\Documents and Settings\principale\Documenti\vincenzo corda\GreyBox_v5_54\greybox"
   </script>
   
  
<script type="text/javascript" src="GreyBox_v5_54/greybox/AJS.js"></script>
<script type="text/javascript"   src="GreyBox_v5_54/greybox/AJS_fx.js"></script>
<script type="text/javascript"  src="GreyBox_v5_54/greybox/gb_scripts.js"></script>
<link href="GreyBox_v5_54/greybox/gb_styles.css" rel="stylesheet" type="text/css" />

<script type="text/javascript"  src="GreyBox_v5_54/static_files/help.js"></script>
   <link href="GreyBox_v5_54/static_files/help.css" rel="stylesheet" type="text/css" media="all" />

Ma firefox non riesca ad aprire la pagina

marcocarrieri

Il tuo file in che cartella si trova?
Alla dir devi passare un percorso relativo non assoluto, anche perchè, se ci pensi, qual'ora tu mettessi in internet il lavoro, dovresti cambiare il percorso.

lucaeffe

In questa maniera mi dice

"File non trovato
Firefox non trova il file /C:/Documents and Settings/principale/Documenti/vincenzo corda/greyboxloader_frame.html?s=0.

Verificare che il nome del file non contenga maiuscole o errori di battitura.

*   Verificare se il file è stato spostato, rinominato o rimosso.




    
    
  


  
  "

marcocarrieri

La cartella con i file greybox css,script in che cartella è?

lucaeffe

nella cartella del sito (vincenzo corda)

C:\Documents and Settings\principale\Documenti\vincenzo corda\GreyBox_v5_54\greybox

marcocarrieri

Allora il file html con il richiamo a Greybox lo devi mettere dentro la cartella GreyBox_v5_54.

lucaeffe

Inserendo il file html,in questo caso la home, nella cartella GreyBox_v5_54 non riesce piu a trovare il file

Ho provato a dare i richiami allo script in questo modo

<script type="text/javascript">
  var GB_ROOT_DIR = "./greybox"
</script>

<script type="text/javascript" src="./greybox/AJS.js"></script>
<script type="text/javascript" src="./greybox/AJS_fx.js"></script>

<script type="text/javascript" src="./greybox/gb_scripts.js"></script>
<link href="./greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" />

<script type="text/javascript" src="./static_files/help.js"></script>
<link href="./static_files/help.css" rel="stylesheet" type="text/css" media="all" />

ma il problema rimane sempre quello di prima.
Si collega a google senza usare alcun script,come se si tronasse alla home!

marcocarrieri

Riordiniamo le idee, e proviamo cosi allora, riprovando un passo alla volta e vedrai che ce la faremo.

Crea su Desktop la cartella "prova" e inserisci il seguente codice.
Crea il file "prova.html" .
Inserisci il seguente codice.


<html>
	<head>
		<title>prova</title>
		<script type="text/javascript">
			var GB_ROOT_DIR = "./greybox/";
		</script>
		<script type="text/javascript" src="greybox/AJS.js"></script>
		<script type="text/javascript" src="greybox/AJS_fx.js"></script>
		<script type="text/javascript" src="greybox/gb_scripts.js"></script>
		<link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" />
	</head>
	<body>
	<a href="http://google.com/" title="Google" rel="gb_page[500, 500]">
	Prova
	</a>
	</body>
</html>

Salva.
Scarica il file zippato di Greybox dal sito sul Desktop.
Decomprimilo.
Dentro ci sono due cartelle, "__MACOSX" e "GreyBox_v5_54".
Entra dentro la cartella GreyBox_v5_54.
Ci sono diversi file e cartelle.
Copia la cartella "greybox" e incollala dentro la cartella "prova".
Lancia il file "prova.html".
Clicca sul link prova.

Se tutto va bene ora dovresti vedere il sito di Google dentro quella finestrella.

lucaeffe

Funziona alla perfezione!!....

marcocarrieri

Quindi abbiamo risolto ? Birra per tutti ? Eh eh.

lucaeffe

Ci stà!!
Ora lo provo sul mio sito con la stessa procedura!

Grazie per la disponibilità!!!!;)

lucaeffe

Finalmente!!!
Non mi pare vero!!!!!
Funziona!!

Era due mesi che provavo!!!
Non so come ringraziarti!!!!
...
Birra??

marcocarrieri

Eh eh.
Bene bene.
L'unione fa la forza.
Se hai bisogno, siamo qui.

Saluti, Marco.