|
|||||||
|
|
|
 |
|
|
Strumenti |
05-01-2008, 12:49
|
#1 |
|
Bannato
Iscritto dal: Mar 2004
Città: Roma
Messaggi: 2683
|
[HTML] Inserire GoogleMaps in una pagina web
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 è: Codice:
<!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>
Grazie Andrea |
|
|
|
05-01-2008, 13:07
|
#2 |
|
Member
Iscritto dal: Apr 2007
Messaggi: 263
|
Prova a ridimensionare il div contenitore
|
|
|
|
|
05-01-2008, 13:14
|
#3 |
|
Bannato
Iscritto dal: Mar 2004
Città: Roma
Messaggi: 2683
|
intendi ridurre le dimensioni del div con id map?Lo faccio tramite CSS? te che dimensione daresti a tale div?
Grazie Andrea |
|
|
|
|
05-01-2008, 13:19
|
#4 |
|
Senior Member
Iscritto dal: Sep 2007
Messaggi: 754
|
Io l'ho aggiunto cosi
Codice:
<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&hl=it&geocode=&time=&date=&ttype=&q=Via+dei+Goti,+84012+Angri,+Salerno+(Campania)&sll=41.442726,12.392578&sspn=12.165451,20.566406&ie=UTF8&z=14&iwloc=addr&om=1&ll=40.739779,14.565296&output=embed&s=AARTsJq97hQAoVTeuIy7rUxEQVtCVRuu2Q"></iframe><br /><small><a href="http://maps.google.it/maps?f=q&hl=it&geocode=&time=&date=&ttype=&q=Via+dei+Goti,+84012+Angri,+Salerno+(Campania)&sll=41.442726,12.392578&sspn=12.165451,20.566406&ie=UTF8&z=14&iwloc=addr&om=1&ll=40.739779,14.565296&source=embed" style="color:#0000FF;text-align:left">Visualizzazione ingrandita della mappa</a></small>
__________________
http://www.tevigroup.it/ |
|
|
|
|
|
| Strumenti | |
|
|
Tutti gli orari sono GMT +1. Ora sono le: 20:58.
