Google Maps API v3 - Visualizzare markers e infowindow da database MySQL

eldivino87

Nuovo Utente
14 Gen 2012
5
0
0
Problema: visualizzare una serie di markers in Gmaps estratti da database MySQL.

La tabella del database (nome: 'website') ha i seguenti campi:
id, id_utente (fk), nome, indirizzo, latitudine, longitudine

Come si può facilmente intuire, per ogni negozio online memorizzo il nome e la sua posizione (indirizzo e coordinate) fisica.

Il mio intento è quello di visualizzare una mappa e visualizzare tutti i negozi attraverso dei markers. Poi, se si clicca su un marker deve comparire una infowindow contente le informazioni del negozio (nome e indirizzo).

Il codice che ho sviluppato è il seguente. Il problema è che mi crea i marker per tutti i negozi, pero non mi crea le infowindow per tutti i marker ma solo dell'ultimo.

PHP:
<body>
<div id="map_full">
			
<script> // script per Google Maps
					
function visualizza_mappa() {
// ... [visualizzazione mappa nel div "map_full"]
// Centriamo la mappa sulle coordinate di Napoli

	var map = new google.maps.Map(document.getElementById('map_full'), options);

<?php
	// Recupero le informazioni su tutti i siti segnalati
	$query_siti = mysql_query("SELECT * FROM website") or die (mysql_error());
				
	// Verifichiamo che siano presenti records
	if (mysql_num_rows($query_siti) > 0) {
				
		//se la tabella contiene records mostriamo tutti i siti attraverso un ciclo
		while ($riga_sito = mysql_fetch_array($query_siti)) {
					
		// Recuperiamo varie informazioni
		$id_sito = $riga_sito['id'];
		$nome_sito = stripslashes($riga_sito['nome']);
		$latitudine = $riga_sito['latitudine'];
		$longitudine = $riga_sito['longitudine'];
	?>
									
		var siteLatLng = new google.maps.LatLng(<?php echo $latitudine ?>,<?php echo $longitudine?>);
		var marker = new google.maps.Marker({
			position: siteLatLng,
			map: map,
			title: "Prova"
		});
								
		var infowindow2 = new google.maps.InfoWindow({
			content: 'Prova'
		});
								
          	// Adding a click event to the marker
		google.maps.event.addListener(marker, 'click', function() {
			// Opening the InfoWindow
			infowindow2.setPosition(siteLatLng);
			infowindow2.open(map, marker);
		});
								

							
		<?php
		}

	}
?>
</body>
 

eldivino87

Nuovo Utente
14 Gen 2012
5
0
0
Forse ho risolto. Riporto la porzione di codice "incriminata". Sto ancora testandola.

PHP:
// Definiamo le coordinate del website corrente
var siteLatLng = new google.maps.LatLng(<?php echo $latitudine ?>,<?php echo $longitudine?>);

// Creiamo un marcatore
var marker = new google.maps.Marker({
	position: siteLatLng,
	map: map,
	title: "<?php echo $nome_sito ?>"
});

// Creiamo la infowindow
var infowindow2 = new google.maps.InfoWindow();
	  
// Poniamoci in attesa dell'evento 'click' sull'oggetto 'marker'
google.maps.event.addListener(marker, 'click', function() {
	// Settiamo la posizione della infowindow e il suo contenuto per poi aprirla nella posizione corrente
	infowindow2.setPosition(siteLatLng);
	infowindow2.setContent("<?php echo "Attività<br><br><a href='siti_visual.php?id=$id_sito'>$nome_sito</a>" ?>");
	infowindow2.open(map, this); //This è un puntatore all'oggetto con cui stiamo lavorando.
});
 

peppepegasus

Utente Attivo
20 Ott 2006
108
0
0
ciao,

facendo una ricerca sono pervenuto al tuo post..ho lo stesso problema..vorrei capire se il codice che hai inserito nel tuo primo post è sufficiente a far visualizzare i marker sulla mappa..mentre il secondo post e il relativo codice inserito correggere l'errore?
grazie mi sarebbe d'aiuto la tua risposta.
ciao
 
Discussioni simili
Autore Titolo Forum Risposte Data
T Api google maps Sviluppo app per Android 1
K App che utilizzi le api di google maps Sviluppo app per Android 1
A Google maps API v2 in app Android Sviluppo app per Android 2
K Key API Javascript Google maps non valida. Javascript 1
F Prelevare variabile di ritorno da Google Maps API PHP 0
G Google api maps static PHP 2
M Questa pagina non carica correttamente Google Maps: aiuto!! HTML e CSS 1
maxnegri Icon Multi Marker Personalizzate Google Maps Javascript 0
B "Scheda" di Google che appare su Google Maps Discussioni Varie 0
Tommy03 [PHP] Iframe Google Maps PHP 1
syndr0m3 [WordPress] Google Maps WordPress 0
A [Javascript] Mostrare un marker se è vicino al risultato di ricerca con google maps Javascript 3
A [HTML] alternative a Google Maps - aggiornamento condizioni giugno 2018 HTML e CSS 6
T [Javascript] Google maps con puntatore animato funziona solo in locale Javascript 1
simgia [Javascript] Google maps help! Javascript 1
H Condivisione posizione Google Maps e navigazione automatica Sviluppo app per Android 0
booklisa scrollwheel: true Wordpress e google maps CMS (Content Management System) 0
booklisa Wordpress e cartina google maps WordPress 0
felino Indicizzazione e Google Maps SEO e Posizionamento 1
base90 [PHP] [HTML] Google Maps con due indirizzi PHP 12
M [Javascript] Percorso predefinito Google Maps Javascript 0
S Google Maps e XMLHttpRequest Javascript 0
ecosito Google Maps: Centrare il marker ed editare il fumetto PHP 1
R Javascript e html - estrazione EXIF da jpg con link per geolocalizzazione google maps Javascript 0
A Image Overlays Google Maps App Inventor 2 Presentati al Forum 0
Francesco Polese Segnaposto Google Maps dinamico PHP 5
A Rimuovere il Marker di Google Maps Javascript 0
L Google maps aggiunta makers da php Javascript 4
M funzioni google maps sovrapposizione markers Javascript 0
M calcola percorso google maps Javascript 0
M Caricare più google maps con un ciclo Javascript 1
A Inserire Marker a Google Maps Javascript 3
F Parola chiave posizionata su Google Maps è posizionamento? SEO e Posizionamento 10
A [Java] form con indirizzi presi da google maps Java 0
felino Google Maps - Marker con la stessa latitudine e longitudine HTML e CSS 1
felino Google Maps - Custom Street View panoramas HTML e CSS 1
S google maps Javascript 0
M Script Google Maps per ricavare coordinate di un indirizzo PHP 0
M Passare dati a google maps PHP 36
S Assegnare link ad un marker di google maps Javascript 2
T [Javascript] [RISOLTO] Problema con Google Maps e "Zero_Results" Javascript 11
T Problema con Google Maps e "Zero_Results" Classic ASP 2
R Google maps : marker e cerchio... non funziona Javascript 2
F Google maps: Assegnare icone personalizzate a markers estratti da mysql. Javascript 3
R google maps marker Javascript 7
P Google Maps + Form Javascript 1
G Filtrare risultati Google Maps PHP 1
ivarello Search Box in google maps Javascript 0
I Google Maps HTML e CSS 14
P Mostrare punti interesse du una mappa di google maps Javascript 1

Discussioni simili