Caricare più google maps con un ciclo

Maures

Utente Attivo
25 Mar 2015
45
0
0
Buongiorno a tutti,
tramite una query sql ho recuperato alcune coppie di coordinate che dovrei mostrare in una o più mappe.

l'ideale sarebbe mostrarle tutte con dei marker in una mappa, ma non so come fare perché non conosco a priori quante righe estrarrò dal database.
esiste comunque un modo per rendere lo script della mappa "dinamico"?

l'alternativa meno ottimizzata, ma forse più semplice da raggiungere è quella di mostrare una mappa per ogni coppia. il problema è che, inserendo tutto in un ciclo in php, mi mostra solo la prima mappa e non le altre.

qui c'è una porzione del codice.

lo script per generare una mappa
Codice:
<style>
      html, body, #map-canvas {
        height: 90%;
		margin-top: 30px;
      }
    </style>
	
	<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
    
	<script>
	function mappa() {

	var coords = document.getElementById('coords').innerHTML.split(",");
        var lat = coords[0];
        var lon = coords[1];
	
	var myCoord1 = new google.maps.LatLng(lat,lon);
	
	var mapOptions = {
		zoom: 14,
		center: myCoord1
	};

	var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
	
	var marker1 = new google.maps.Marker({
			  position: myCoord1,
			  map: map
		  });
	
	}

	google.maps.event.addDomListener(window, 'load', mappa);
	
    </script>

questa invece è la porzione di codice su cui lo script javascript si basa (uso un fetch di prepared statement per i risultati della query, la funzione mappa() di qui sopra recupera la coppia di coordinate dalla stringa nascosta del tag p qui sotto

Codice:
while ($stmt->fetch()) {
	echo "<div class='container' id='map-canvas' style='border:1px solid black; margin-bottom:20px'>
	         <p hidden='hidden' id='coords'>$lat,$lon</p>
		</div>"; 
}

ogni consiglio è ben accetto.
 

Maures

Utente Attivo
25 Mar 2015
45
0
0
mi rispondo da solo, così che se qualcun altro avesse il mio stesso problema, potrà risolverlo!

dopo aver sbattuto la testa su varie prove, ho trovato questo codice che era proprio ciò che cercavo: un ciclo for php all'interno di uno script javascript.

Preciso e anche abbastanza pulito, funziona bene anche nel caso di molti marker.
 
Discussioni simili
Autore Titolo Forum Risposte Data
L Come caricare un'immagine in Canvas dinamicamente Javascript 0
C Come caricare foto da google foto ad un sito? Discussioni Varie 1
Y Come caricare e visualizzare un'immagine PHP 0
I javascript come caricare una pagina sopra quella corrente in automatico Javascript 2
O MIT App Inventor - caricare un file da app Sviluppo app per Android 1
Alex_70 [PHP] Caricare foto su un'altra tabella collegata PHP 0
A [Java] caricare un url esterno senza utilizzo di iframe Java 0
G Caricare una jpg con il php PHP 1
N [WordPress] Caricare diversi fogli di stile in tema-child WordPress 0
G Caricare una semplice Jpg con il PHP PHP 1
E Caricare dati da DB MySql all'apertura pagina, meglio PHP o Javascript? PHP 1
Selenio89 problema a caricare immagine con html. dove sbaglio? HTML e CSS 25
P [PHP] Caricare un file da client XP su server Ubuntu PHP 2
M [Javascript] Caricare link esterno file js in base al device Javascript 0
L Come caricare <iframe> dopo il click ad un immagine, per migliorare le prestazioni. Discussioni Varie 0
andrea93_12 Aiuto caricare immagine su database MYSQL MySQL 1
giancarlob Prova a rimandare o a caricare in modo asincrono le risorse di blocco SEO e Posizionamento 0
F [HTML] Caricare un font ttf HTML e CSS 2
Y CARICARE IMMAGINI IN CARTELLA PHP PHP 3
A Caricare foto in una gallery PHP 0
A caricare file PHP con Load cambiandone parte del contenuto jQuery 1
9 caricare immagini in tabella html da cartella sul server tramite id database PHP 1
A Caricare una pagina jsp in un div alla pressione di un button Javascript 1
M Problema caricare file sul hosting Discussioni Varie 1
marino51 non riesco a caricare un allegato percgè non riesco a ridimensionare la finestra Supporto Mr.Webmaster 0
P Caricare nuova pagina dopo invio dati form Javascript 11
F Caricare immagine da Mysql su evento click-radio Javascript 5
D Caricare foto in un DB PHP 2
S Caricare una pagina con JQuery jQuery 4
asevenx problemi per caricare immagine su server PHP 4
A [risolto] caricare con un ciclo For dei file PHP inclusi in una variabile array PHP 3
M Zenphoto: far caricare immagini agli utenti CMS (Content Management System) 0
F Caricare file da locale al server Javascript 3
D Caricare file via ajax Ajax 1
G caricare immagini sul db con il formato text PHP 3
P Caricare un .exe sul sito. HTML e CSS 6
P caricare dati all'interno di un tag div html HTML e CSS 15
I Perchè devo cliccare 2 volte su un link per caricare correttamente il css di una galleria? WordPress 1
F Caricare contenuto pagina all'interno di un'altra pagina Javascript 1
S come caricare un banner tramite un form in una cartella all interno del sito PHP 11
F comando php per caricare delle scritte in una pagina html PHP 4
C Problema nel Caricare file e spostarlo con la funzione move_uploaded_file PHP 14
X Caricare contenuto iframe su richiesta Javascript 6
F Caricare pagine del sito sul database MySQL 1
B Caricare immagini in un DB insieme ad altri dati e visualizzarli PHP 2
C in un file html/javascript caricare i div presenti nel body in un file di testo e richiamarli Javascript 7
P Caricare immagini con scelta multipla e creare le PHP 45
A Caricare quiz in un sito PHP 1
P Come caricare immagini e video PHP 57
D pagina per caricare testo e immagini direttamente sul sito pubblicato PHP 7

Discussioni simili