API di google maps - visualizzazione

**Victorval** · 31-07-2007, 11:06

Uso uno script che mi crea un punto di riferimento in una mappa di google in modo da poterlo mettere in un sito...
Lo script è il seguente:

codice:

	<script type="text/javascript">
		//<![CDATA[
		var icon = new GIcon();
		icon.image = "http://www.google.com/mapfiles/marker.png";
		icon.shadow = "http://www.google.com/mapfiles/shadow50.png";
		icon.iconSize = new GSize(20, 34);
		icon.shadowSize = new GSize(37, 34);
		function load() {
			if (GBrowserIsCompatible()) {
				var map = new GMap2(document.getElementById("map"));
				map.addControl(new GLargeMapControl());
				//map.addControl(new GMapTypeControl());
				var point = new GLatLng(XXX, YYY);
				map.setCenter(point, 16);
				var addrTo = "Indirizzo";
				var infoText = "NomeSocietà
" +
					"Via - Paese
Città - (Stato)" +
					"<form id='tfrm' action='http://maps.google.it/maps' target='_blank'>" +
					"	<input value='1' name='lsm' type='hidden'/>" +
					"	<input value='" + addrTo + "' name='daddr' type='hidden'/>" +
					"	<div class='example'>Indirizzo di partenza</div>" +
					"	<div>" +
					"		<input class='inptsmall' id='iwsaddr' name='saddr' type='text' value=''/>" +
					"		<input type='submit' value='Vai'/>" +
					"	</div>" +
					"</form>";
				var marker = new GMarker(point);
				GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(infoText);});
				map.addOverlay(marker, icon, true);
				marker.openInfoWindowHtml(infoText);
				if (this.parent.document.getElementById) {
					var obj = this.parent.document.getElementById("container");
					var sx = obj.offsetLeft;
					var sy = obj.offsetTop;
					obj.style.visibility = "visible";
				}
			}
		}
		//]]>
	</script>

Funziona tutto perfettamente, solo che su ie (6 e 7) si vede leggermente male, i bordi sono sfalsati e ci sono delle linee, come se si prendesse male le immagini da google...
Sapete perchè? ._.

Grazie

**fcaldera** · 31-07-2007, 12:00

in linea teorica potrebbe dipendere anche da cause esterne a gmaps.
Per esempio, visto che le mappe sono costituite da una serie di blocchi annidati il problema potrebbe essere dato dalla mancanza di un doctype (che causerebbe un interpretazione errata del box model su IE6 e 5.5)

l'ideale sarebbe avere un link alla pagina

**Victorval** · 31-07-2007, 12:07

Esempio:
http://www.consulenzabiondani.it/contatti.asp
se guardata con ie, il blocco risulta "sbagliato"...

**fcaldera** · 31-07-2007, 12:13

Originariamente inviato da Victorval
Esempio:
http://www.consulenzabiondani.it/contatti.asp
se guardata con ie, il blocco risulta "sbagliato"...

in effetti manca un doctype...
http://groups.google.com/group/Googl...4db07d4265cf71

potrebbe essere un punto di partenza

**Victorval** · 31-07-2007, 12:35

Grazie mille, ora funziona...
Ho provato anche in un altro sito, che era centrato sui due assi, ma facendo così mi toglie l'altezza del 100% della tabella

Vabbè, cercherò un modo, con ie si va sempre a tentoni :rollo:

**fcaldera** · 31-07-2007, 12:50

che doctype hai utilizzato (giusto perchè torni utile ad altri) ?
xhtml 1.0 strict oppure uno meno "restrittivo"?

Keywords: gmap google map maps info window linea linee bordi mappa explorer doctype

**oskaron** · 31-07-2007, 14:42

ha usato un transitional ho visto. Comunque sarebbe da usarlo sempre un corretto doctype, per qualsiasi sito. Almeno io la penso cosi...

**Victorval** · 31-07-2007, 15:56

Questo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Il doctype serve esclusivamente per ie?
Cioè, non riesce a riconoscere la pagina mentre firefox si?

Discussione: API di google maps - visualizzazione

Strumenti discussione

Ricerca discussione

Visualizza

API di google maps - visualizzazione

Permessi di invio