[Javascript] Google maps help!

simgia

Nuovo Utente
26 Set 2017
13
0
1
47
Ciao a tutti.
Ho bisogna di un vostro aiuto perche non riesco ad uscirmene.
Sto usando pr la prima volta le api di google maps, non riesco a capire come geocalizzare un punto sulla mappa, cioè, lo script preso da google prende il punto sulla mapa tramite coordinate invece io vorrei che il pubto venisse preso tramite indirizzo testuale ad esempio Roma Via Vittorio Emauele.
Questo perche gli indirizzi vengono rilevati da un database, ho letto anche su google che ce uno script per trasformare gli indirizzi testuali in coordinate ma non mi funziona e non capisco dove sbaglio vi posto il code:

Codice:
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=mykey"></script>
<script type="text/javascript">

  function initialize(){
 
      var address = '<?php echo $address; ?>';
      geocoder.geocode({ 'address': address }, function (results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
    var options = { zoom: 14, center: results[0].geometry.location, mapTypeId: google.maps.MapTypeId.ROADMAP};
    var map = new google.maps.Map(document.getElementById('map'), options);
    var marker = new google.maps.Marker({ position: results[0].geometry.location, draggable: true, map: map, title: address });

    });
}
else {
alert("Problema nella ricerca o indirizzo non trovato");
document.getElementById('map').innerHTML = "Problema sulla visualizzazione della mappa"
}
    </script>
</head>
<body onload="initialize();">
<div id="map"></div>

Cosi non mi compare nulla.
Nella cosole mi da questo errore:
Uncaught ReferenceError: initialize is not defined at onload (page:60)

ed invece vi è mah....
 

WmbertSea

Utente Attivo
28 Nov 2014
201
32
28
Ciao, il problema è a monte. Sono convinto che prima di quell'errore ti venga segnalato qualche altro errore di sintassi. Provando il tuo script, così come è, a me compare infatti questo errore: SyntaxError: expected expression, got ')'

La funzione menzionata infatti non viene definita proprio perché, dal momento che ci sono errori di sintassi, l'interprete JavaScript entra in confusione e interrompe la lettura del restante codice.

Chiaramente, esaminando il tuo script, capisco dove sta il problema. Controlla e correggi le varie chiusure delle parentesi (sia tonde che graffe) in modo da ottenere una struttura valida del codice. Probabilmente hai pasticciato un po' assemblando le varie parti dello script che ora risultano accavallate tra loro.

Personalmente riesco a correggerlo e farlo funzionare ma non ho interesse a darti uno script già bello e pronto, trovo invece più corretto aiutarti e darti dei consigli per arrivare poi da solo a capire come procedere. Potrà infatti tornarti utile anche per altre eventuali future situazioni come questa.

Ti do quindi qualche consiglio: quando sviluppi del codice fai sempre attenzione a dare la corretta indentazione a ogni riga in modo da avere una chiara visione della struttura gerarchica che deve avere ogni blocco di codice. Non so se utilizzi qualche particolare editor, ma spesso questi offrono delle funzioni di indentazione automatica e degli strumenti che aiutano lo sviluppatore a chiarire meglio la struttura del codice; ad esempio quando porti il cursore su una parentesi, in genere assieme a questa viene evidenziata anche la sua rispettiva compagna che delimita quel particolare blocco di codice. Se usi già qualche editor avanzato, cerca magari di documentarti per imparare ad usarne gli strumenti messi a disposizione, oltre che imparare a riportare il codice secondo una corretta stesura. Se invece non usi particolari editor, magari è l'occasione giusta per iniziare; con una semplice ricerca web del tipo "code editor" puoi trovarne svariati, si tratta solo di iniziare a provarne qualcuno.

Oltre questo, sul tuo script verifica anche che la variabile geocoder, da te utilizzata dentro la funzione, sia definita anch'essa da qualche parte come istanza dell'oggetto google.maps.Geocoder(), perché nello script che hai postato manca questa parte, quindi otterresti un ulteriore errore di riferimento anche dopo che avrai corretto la sintassi.

Buon proseguimento.
 
Discussioni simili
Autore Titolo Forum Risposte Data
A [Javascript] Mostrare un marker se è vicino al risultato di ricerca con google maps Javascript 3
T [Javascript] Google maps con puntatore animato funziona solo in locale Javascript 1
M [Javascript] Percorso predefinito Google Maps Javascript 0
R Javascript e html - estrazione EXIF da jpg con link per geolocalizzazione google maps Javascript 0
T [Javascript] [RISOLTO] Problema con Google Maps e "Zero_Results" Javascript 11
K Key API Javascript Google maps non valida. Javascript 1
I [Javascript] Leggere "var" da file .js esterno (per google map) Javascript 6
Devil-94 Motore di ricerca con google e javascript Javascript 4
U [javascript] visualizzare marker su mappa di google Javascript 10
A pulsante di update campo mysql con javascript Javascript 2
8 Javascript - PDF Form Javascript 0
B javascript per problemi con pdf e Safari Javascript 0
N informazione javascript Programmazione 0
I Eecuzione di javascript in ciclo foreach php. PHP 7
P javascript:document.forms Javascript 7
S Consiglio esercizio Javascript Javascript 2
MarcoGrazia Aggiungere o rimuovere classi in javascript Javascript 1
P Passaggio id php a javascript PHP 6
E lettura da un Database con Javascript jQuery 2
V TRIS in javascript Javascript 1
IClaude Funzione Javascript Javascript 8
Alex_70 Javascript date color Javascript 3
F Convertire JavaScript per la compatibilità nei browser obsoleti Javascript 0
I Passare dei parametri in javascript PHP 0
Shyson Meglio Javascript o HTML? Javascript 4
M Chiamare pagina php da javascript Javascript 8
M Errore JavaScript per php [objeto HTMLParagraphElement] PHP 0
D Javascript per il download dei dati Javascript 0
grgfede Problema javascript con aruba Javascript 1
webmachine [PHP] [JAVASCRIPT] Form strano in HTML PHP PHP 1
W Modificare il Type di un Input box in javascript ovunque si trovi Javascript 0
I javascript come caricare una pagina sopra quella corrente in automatico Javascript 2
L [Javascript] Problema salvataggio dati in db Javascript 1
max1974 [Javascript] Grafico chartjs con dati da J.ajax Javascript 3
G Quiz Javascript Javascript 4
A [Javascript] Scrittura su più campi contemporaneamente Javascript 19
F classic asp popolare combo box javascript Presentati al Forum 1
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
F [Javascript] comando innerHTML non funziona Javascript 5
alexice51 proggrammi per scrivere in javascript? Javascript 3
max1974 [Javascript] Accordion aria-exspanded Javascript 0
D [Javascript] salvare immagine canvas - paypal Javascript 0
O [Javascript] Conflitto Jquery: forse... Javascript 0
M [Javascript] Canvas js css Javascript 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
G [Javascript] Errore inserimento dati Backend Node.js e workbench Javascript 1
A Creare con Javascript un percorso all'interno di uno spazio Javascript 0
D [Javascript] inserire uno script in un file php Javascript 6
Monital [Javascript] inserire dati estratti dal db in html fisso Javascript 1
K [javascript] Tecnica per rilevare celle contenenti caratteri ricevute in dinamico Javascript 1

Discussioni simili