google maps e api e altro

**Mattatore85** · 19-06-2010, 14:09

Salve,
vorrei inserire nella mia pagina delle mappe google visualizzate dinamicamete avendo degli indirizzi in un campo del mio database mssql.
Io ho scritto questo codice ma mi da un errore javascript:

<script src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQ IAAAAOnB8b-7PpYzSMYAGZCDVpxR0sd8Ln1ZvWkKVq3DRIvC6GyICgRSmFSYZ _d-pmK2dIN-SfpLUH7AILA" type="text/javascript"></script>

.
.
inizio ciclo "prod2" per sapere il numero di mappe
.
.
<script type="text/javascript">
function initialize<%=prod2%>() {

var address = <%=rs("via")%>; <----ERRORE: contenuto non definito
var geocoder = new google.maps.Geocoder();
geocoder.geocode( {'address': address}, function(results,status) {
if (status == google.maps.GeocoderStatus.OK) {
var options = {
zoom: 12,
center: results[0].geometry.location,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('map<%=pro d2%>'), options);
var marker = new google.maps.Marker({position: results[0].geometry.location, map: map});
} else {
alert("Problema nella ricerca dell'indirizzo: " + status);
}
});

}

</script>
.
.

.
.
<body onload="

javascript:startmenu1();
javascript:initialize<%=prod2%>();
">

fine ciclo
.
.
nella pagina
.
ciclo mappe
.
<div id="map<%=prod2%>" style="width:50%;height:50%;"></div>
.
fine ciclo
.
fine pagina

GRAZIE A TUTTI

**cavicchiandrea** · 19-06-2010, 14:58

prova cosi:
var address = "<%=rs("via")%>"; //con le virgolette essendo una stringa

**Mattatore85** · 19-06-2010, 15:24

Ho provato ..non mi da più errore ma non si visualizza la mappa..

ecco la pagina ..cliccando sul nome dello studio dovrebbe aprirsi in basso:
http://www.oculistiitaliani.it/medico.asp?id=1

Come mai?

**carlogh** · 19-06-2010, 15:40

dall'html vedo che la mappa (div id="map") è dentro un altro div (div id="menu1") che ha come stile display: none;
E' per quello che non si vede.

**Mattatore85** · 19-06-2010, 15:49

Ho spostato il div=map fuori ma non compare cmq...come mai?

**carlogh** · 19-06-2010, 17:44

devi dare le dimensioni al div contenente la mappa. Nel codice che hai messo nel tuo primo post c'era:

codice:

<div id="map<%=prod2%>" style="width:50%;height:50%;"></div>

ti consiglio comunque di usare le dimensioni in pixel e non in percentuale (potrebbero darti problemi), e di utilizzare una classe invece dello stile inline:

codice:

<div id="map<%=prod2%>" class="gmap"></div>

con questo css:

Codice PHP:


.gmap { height: 500px; height: 250px; }

le misure che ho messo sono tirate un po' a caso.

**Mattatore85** · 19-06-2010, 19:09

Ora mi si visualizza la mappa.... però a metà o ad un quarto. Questo succede quando la inserisco in nell'altro div=menu . Ho necessità di mantenerlo li dentro. Come posso evitare il problema?
Grazie!

**carlogh** · 19-06-2010, 19:18

credo che il problema dipenda dal fatto che inizialmente il div è nascosto, quindi quando lo fai visualizzare la mappa non riceve correttamente le dimensioni del div stesso.
Potresti ovviare creando la mappa non al caricamento della pagina, ma quando mostri il div:

codice:

function menufunc1(menuId1)
{
	if(document.getElementById(menuId1).style.display == "none")
	{
		startmenu1();
		document.getElementById(menuId1).style.display = "block";
                initialize1();
	}
	else
	{
		startmenu1();
	}
}

ho aggiunto initialize1() nel primo ramo dell'if. Prova così.

**Mattatore85** · 19-06-2010, 19:34

funge benissimo..

..grazie

Discussione: google maps e api e altro

Strumenti discussione

Ricerca discussione

Visualizza

google maps e api e altro

Permessi di invio