Modifica Markers API Google Maps

**Nolex** · 24-11-2012, 23:20

Salva a tutti, suono nuovo nel forum.
Ho un problema:
ho una mappa su una pagina internet che utilizza le Api di google maps. ho dei markers, per la precisione ne ho 2, che vengono correttamente visualizzati sulla mappa. ho creato un form per l'inserimento di un indirizzo e una volta confermati i dati scritti, dovrei far visualizzare anche questo indirizzo sulla mappa insieme agli altri markers. Mi servirebbe quindi sapere come aggiungere un marker dopo che la mappa sia già stata creata. ho provato ad aggiugnere l'indirizzo nell'array e a ripetere tutta la procedura ma continua a farmi vedere solo i due markers. ho fatto stampare anche i valori dell'array e il terzo valore, confermato il form, è inserito quindi non è nemmeno quello il problema.
vi prego aiutatemi

**cavicchiandrea** · 24-11-2012, 23:57

Ma i marker come li recuperi da db? Comunque metti il codice e la pagina e un link alla pagina pubblica cosi testiamo il tutto.

**Nolex** · 25-11-2012, 00:12

Codice iniziale e funzionante:

JAVASCRIPT:

var geocoder;
var map;
indirizzi = new Array("Via Sala 7 erba", "via garibaldi 22 Rogeno 23849");
descrizioni = new Array("Vanessa", "Alex");

function visualizzamappa() {
geocoder = new google.maps.Geocoder();
var opzioni = {zoom: 15, mapTypeId: google.maps.MapTypeId.ROADMAP }

map = new google.maps.Map(document.getElementById("map_canva s"), opzioni);

// ciclo FOR che attiva la funzione di geocoding per ogni elemento del vettore indirizzi[x]

for (var x=0; x<lunghciclo; x++)
{ codifica_indirizzi(indirizzi[x], descrizioni[x]); }

}

// funzione che effettua il geocoding dell'indirizzo stradale e crea il relativo marker completo di descrizione

lunghciclo = descrizioni.length; //variabile di appoggio contenente il numero di elementi del vettore

function codifica_indirizzi(indirizzi, titolo){
geocoder.geocode({ 'address': indirizzi}, function(results, status){
map.setCenter(results[0].geometry.location);
var marker = new google.maps.Marker
({ map: map,
position: results[0].geometry.location,
title: titolo });
});
}

HTML

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<body onLoad="visualizzamappa();">
<div id="map_canvas"></div>

E questo funziona benissimo, apro la pagina e mi carica la mappa con i due markers.

Poi ho aggiunto un form con città, via, provincia ecc e poi ho fatto:

JAVASCRIPT

function VediLuogo(){
//estraggo valore dati nel form
var citta = document.getElementById("citta").value;
var cap = document.getElementById("cap").value;
var provincia = document.getElementById("provincia").value;
var via = document.getElementById("via").value;
var ncivico = document.getElementById("ncivico").value;
var indirizzoNuovo = citta + " " + cap + " " + provincia + " " + via + " " + ncivico;
var nomeCliente = document.getElementById("nome").value;
var descrizioneNuova = nomeCliente;
indirizzi.push(indirizzoNuovo);
descrizioni.push(descrizioneNuova);
visualizzamappa();
}

HTML

<label id="button_map" onclick="VediLuogo()">Vedi sulla Mappa</label>

**Nolex** · 25-11-2012, 00:14

Se al posto di VisualizzaMappa() scrivo document.write(indirizzi[2]) mi stampa correttamente l'indirizzo inserito nel form quindi arriva fino al indirizzi.push(indirizzoNuovo) correttamente

**Nolex** · 25-11-2012, 00:21

Ecco qui la pagina, cliccando su VEDI SULLA MAPPA dovrebbe aggiungerti l'altro marker

http://visualpc.altervista.org/clienti.php

PS: diminuisci lo zoom per vedere anche il secondo marker (è più in alto)

**cavicchiandrea** · 25-11-2012, 00:41

Hai un errore sulla variabile geocoder

**Nolex** · 25-11-2012, 00:46

Cioè?? Che errore??

**Nolex** · 28-11-2012, 02:19

Nessuno che mi risponde?? continuo a riprovare e a riprovare ma niente, mi potete dire il problema??

Discussione: Modifica Markers API Google Maps

Strumenti discussione

Ricerca discussione

Visualizza

Modifica Markers API Google Maps

Permessi di invio