PDA

View Full Version : [HTML] Inserire GoogleMaps in una pagina web


D4rkAng3l
05-01-2008, 11:49
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/archivio/casavacanze/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
05-01-2008, 12:07
Prova a ridimensionare il div contenitore

D4rkAng3l
05-01-2008, 12:14
intendi ridurre le dimensioni del div con id map?Lo faccio tramite CSS? te che dimensione daresti a tale div?

Grazie
Andrea

isAlreadyInUse
05-01-2008, 12:19
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>