[HTML] Inserire GoogleMaps in una pagina web

[D4rkAng3l]

Ciao,
stavo seguendo questo tutorial su come aggiungere GoogleMap ad una semplicissima apgina web:
http://www.deelan.com/dev/google-maps/

ma non mi funziona...ilmio risultato è il seguente: http://www.siatec.net/andrea/archivi...dovesiamo.html
mi visualizza soltanto le frecce per spostarsi ed i simboli + e - per zoommare sulla cartina...ma della cartina neanche l'ombra...eppure mi pare di aver fatto esattamente come il tutorial.

Il mio codice HTML è:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="_your description goes here_" />
<meta name="keywords" content="_your,keywords,goes,here_" />
<meta name="author" content="Andrea Nobili http://www.siatec.net/andrea/fotografia/" />
<title>Esempio Sito Case Vacanze</title>

<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAALgHsR4P4d7X_xjT6drMbhhSWWOPpqCtb0cp6_TTtdxQ2TwQu0RQHF0eqD6ZVcsKCWCqPvhEoXE1neg" type="text/javascript"></script>

<script type="text/javascript">
    //<![CDATA[
    function showMap()
    {
        if (GBrowserIsCompatible()) {
            
            // Ottiene l'elemento della pagina chiamato "map" (il DIV) 
            //   e crea la mappa utilizzandolo come contenitore.
            var map = new GMap2(document.getElementById("map"));                
            
            // Aggiunge dei controlli per lo zoom e lo spostamento 
            map.addControl(new GSmallMapControl());	            
            
            // Centra la mappa su Roma, con uno zoom di 5 
            map.setCenter(new GLatLng(41.896655,12.495918), 5);
        }
    }
    //]]>
</script>
</head>
<body onload="showMap();" onunload="GUnload()"><div id="wrap">

   <div id="map">
      Your browser doesn't support Google Maps or Javascript is turned off.
   </div>


</div>
</body>
</html>

Per favore aiutatemi a risolvere che sono un tantinello disperato.

Grazie
Andrea

[stdecden]

Prova a ridimensionare il div contenitore

[D4rkAng3l]

intendi ridurre le dimensioni del div con id map?Lo faccio tramite CSS? te che dimensione daresti a tale div?

Grazie
Andrea

[isAlreadyInUse]

Io l'ho aggiunto cosi

<iframe style="border: 1px solid #ccc;"  width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.it/maps?f=q&amp;hl=it&amp;geocode=&amp;time=&amp;date=&amp;ttype=&amp;q=Via+dei+Goti,+84012+Angri,+Salerno+(Campania)&amp;sll=41.442726,12.392578&amp;sspn=12.165451,20.566406&amp;ie=UTF8&amp;z=14&amp;iwloc=addr&amp;om=1&amp;ll=40.739779,14.565296&amp;output=embed&amp;s=AARTsJq97hQAoVTeuIy7rUxEQVtCVRuu2Q"></iframe><br /><small><a href="http://maps.google.it/maps?f=q&amp;hl=it&amp;geocode=&amp;time=&amp;date=&amp;ttype=&amp;q=Via+dei+Goti,+84012+Angri,+Salerno+(Campania)&amp;sll=41.442726,12.392578&amp;sspn=12.165451,20.566406&amp;ie=UTF8&amp;z=14&amp;iwloc=addr&amp;om=1&amp;ll=40.739779,14.565296&amp;source=embed" style="color:#0000FF;text-align:left">Visualizzazione ingrandita della mappa</a></small>