gMap - markers in un ciclo for?

**webdevaster** · 27-05-2011, 14:41

Ciao a tutti,
sto cercando di creare dei markers prendendo dei dati da un db, mettendoli in campi nascosti (o variabili è lo stesso per me) ma ho questo problema:
Dovrei creare N markers per quanti sono i record nel db ovviamente mantenendo quindi una mappa sola.
Avevo pensato ad un for each nello script qui sotto ma non riesco a venirne a capo ...

codice:

$(function () {
   $("#mappa").gMap({
     markers: [{
            address: document.getElementById("indirizzo").innerHTML,
            html: document.getElementById("dati").innerHTML,   
            popup: true
     }],
            zoom: 4
   });
});

grazie a tutti

**webdevaster** · 30-05-2011, 14:10

ho modificato il codice ma senza risultati, in pratica prendo i dati e li metto in un elementi span:

codice:

	    $(function () {

            var myJSON

            $("#indirizzo span").each(function () {
                myJSON = [{ address: $("#indirizzo span").html,
	                        html: $("#dati span").html,
	                        popup: true
                        }] ;
            });

            if (document.getElementById("indirizzo").innerHTML != "") {
                $("#agenti").gMap({
	                    markers: myJSON,
	                    zoom: 4
                });
            }
	    });

**webdevaster** · 31-05-2011, 15:01

niente?

**webdevaster** · 10-06-2011, 13:13

scusate se insisto ma sono proprio in alto mare...

**Vindav** · 10-06-2011, 15:50

codice:

<html>
<head>
<script type="text/javascript" language="javascript" src="scripts/jquery-1.4.3.min.js"></script>
<script type="text/javascript" language="javascript" src="scripts/json2.js"></script>
<script>
$(function () {
var myJSON = new Array();

$(".myJsonData").each(function (index) {
	myJSON[index] = {};
	myJSON[index].adress = $(this).attr("name");
	myJSON[index].html = $(this).attr("value");
});

var json = JSON.stringify(myJSON);
alert(json);
});
</script>
</head>
<body>
<input type="hidden" name="ciao1" class="myJsonData" value="1"/>
<input type="hidden" name="ciao2" class="myJsonData" value="2"/>
<input type="hidden" name="ciao3" class="myJsonData" value="3"/>
<input type="hidden" name="ciao4" class="myJsonData" value="4"/>
<input type="hidden" name="ciao5" class="myJsonData" value="5"/>
</body>
</html>

la libreria json2 la trovi qui

**webdevaster** · 15-06-2011, 15:18

funziona in parte, nel senso che ora mi carica la mappa ma non capisco perché mi prende solo la prima città ....

qui il codice che utilizzo (ho omesso le parti di import delle librerie ecc)

codice:

    <script type="text/javascript">
        $(function () {
            var myJSON = new Array();

            $("#indirizzo .loc").each(function (index) {
                myJSON[index] = {};
                myJSON[index].address = $("#indirizzo .loc").html();
                myJSON[index].html = $("#dati .dati").html();
            });

            
           var json = JSON.stringify(myJSON);

            if (!(json == "")) {

                $("#mymap").gMap({
                    markers: myJSON,
                   zoom: 4
                });
            }
        });
    </script>
</head>
<body>
    <form id="myform" runat="server">
        <div id="main">
            <div id="indirizzo"><span class="loc">Milano, ITALIA</span><span class="loc">Roma, ITALIA</span><span class="loc">Genova, ITALIA</span></div>
            <div id="dati"><span class="dati">Nazione: ITALIA
Agenzia: Filiale 1</span><span class="dati">Nazione: ITALIA
Agenzia: Filiale 2</span><span class="dati">Nazione: ITALIA
Agenzia: Filiale 3</span></div>
            <div id="mymap" runat="server"></div>
        </div>
    </form>
</body>

p.s. nel mio caso questa parte: var json = JSON.stringify(myJSON);
non credo serva giusto?

vi prego aiutatemi...

grazie grazie grazie!

**webdevaster** · 15-06-2011, 16:04

ok ho risolto facendo così:

codice:

        $(function () {
            var myJSON = new Array();

            $(".loc").each(function (index) {
                myJSON[index] = {};
                myJSON[index].address = $(this).html();
            });


            $(".dati").each(function (index) {
                myJSON[index].html = $(this).html();
            });

            var json = JSON.stringify(myJSON);

            if (!(json == "")) {

                $("#agenti").gMap({
                    markers: myJSON,
                    zoom: 4
                });
            }
        });

Grazie mille ... ora ho altri problemi, ma riguardano credo .net ... ciao!

**Vindav** · 15-06-2011, 16:16

Discussione: gMap - markers in un ciclo for?

Strumenti discussione

Ricerca discussione

Visualizza

gMap - markers in un ciclo for?

Permessi di invio