GoogleMap e centratura lat e lgt su comune...

[bionicoz]

Le questioni son due, o ricarichi la pagina, oppure no. Se non la vuoi ricaricare devi usare ajax per richiedere i markers, c'è poco da fare.
Se la ricarichi invece, devi solo passarti in qualche modo (get o post in sostanza) la variabile che ti serve (sia essa direttamente latlng o il comune).
P.S. io ero rimasto a FUNZIONA...

[webtemplum]

bionicoz,
potresti aiutarmi direttamente a questo punto?

Intanto ti dico, questo è dove sono arrivato:

http://www.tresrl.com/infoeco/mappa.php

Prova a prendere un comune e poi a premere invia....

Come integro, p.f., in questo script da qualche parte (anche nascosto o visibile, non mi interessa.... poi attraverso CSS li nascondo) latitudine e longitudine? COme il tuo script, che dato il comune da subito lat e lgt.....

POi quelli me li salvo in una variabile e li piazzo qua

  var myLatlng = new google.maps.LatLng(47.608940, -122.340141);

grazieee!

Con il comune invece successivamente farò un'estrazione MYSQL per alcuni valori - quello va bè, per me è facile, è il JS -connesso a PHP- che mi sta mandando ai matti!

GRAZIE!

PS ma ti sono arrivati i miei pm?

[bionicoz]

Sì, adesso che me l'hai detto mi sono arrivati i pm
Cmq secondo me sei molto più a buon punto di quanto tu nn pensi.
Sposta semplicemente il pezzo di codice

 
downloadUrl("generazione_xml.php", function(data) {
      var markers = data.documentElement.getElementsByTagName("marker");
      for (var i = 0; i < markers.length; i++) {
        var latlng = new google.maps.LatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
        var marker = createMarker(markers[i].getAttribute("name"), latlng);
       }
     });

all'interno della funzione geocode(), elimina il pulsante invia che è inutile (non devi ricaricare la pagina), modifica il file generazione_xml.php in modo tale passatagli una var carica i markers giusti, e sei apposto.

[webtemplum]

giusto...
Perchè a questo punto "generazione_xml.php" verrà invocato solo nel momento in cui ho scelto l'ultimo comune.

Ed eventualmente ora testo se posso passare una cosa del genere

generazione_xml.php?comune=roma

che se va....



Intanto grazie!

[webtemplum]

BIO....
mi sembra di non crederci.....

Puoi cortesemente testarmi al volo la mappa...

http://www.tresrl.com/infoeco/mappa.php

Prendendo prima Roma e poi Milano?

Alcuni punti sono messi a....

Però tanto per capire che se selezioni un posto non prende l'altro

Dimenticavo... GRAZIE PER TUTTE LE DRITTE... STO SCRIPT E' SOPRATUTTO "FIGLIO TUO!!!!!!!!!!!!

[bionicoz]

In linea di massima funziona, dovresti solo cancellare dalla mappa i markers presenti prima di disegnare i nuovi, perché adesso se unzoommi (come si dice? ) vedi che rimangono tutti.

[webtemplum]

vero!
Bè, diciamo che è veramente rudimentale....
C'è anche da fare un controllo sulla variabile get (per ovvi motivi) ed altro...

Però il core c'è...

e tutto grazie a te...

Ora, per condividere un po' il tutto come promesso, apro un nuovo topic con solo il codice?

Grazie ancora bio, veramente!

[fuxio82]

domandina, visto che siamo in argomento.

sto facendo una mappa e prendo i dati, via php, dal mio db di mysql; li converto in un XML e li passo ad ajax per fargli visualizzare i marker.
non avendo le coordinate di latitudine e longitudine nel database, come posso fare per convertirle "al volo" e usare quei dati come origine di ogni marker?

spero di esser stato chiaro.
buonagiornata!

[webtemplum]

fammi sapere se ci riesci!
Ma mi sa che i markers vogliono obbligatoriamente lat e lgt, indi mi sa nell'input meglio mettere in automatico il recupero di lat e lgt (come da esempio di bio) per inserirli... -> che sarà poi come farò io....

[bionicoz]

Vorreste passare l'indirizzo al marker invece di lat e lng? beh, che problema c'è? (prendo un pezzo del tuo codice, webtemplum, per fare un esempio).

function createMarker(name, address) {

geocoder.geocode({ ‘address’: address}, function(results, status){

	    var icon = new google.maps.MarkerImage("http://www.tresrl.com/infoeco/images/marker.jpg");
		var marker = new google.maps.Marker({icon: icon, position: result[0].geometry.location, map: map});
		markersArray.push(marker);
		google.maps.event.addListener(marker, "click", function() {
		  if (infowindow) infowindow.close();
		  infowindow = new google.maps.InfoWindow({content: name});
		  infowindow.open(map, marker);
		});
		return marker;
	  }
}