Salve ragazzi!
Sto aiutando un mio amico a completare il suo sito web per impratichirmi e avendo affrontato una problematica simile (PROBLEMA collegamento tra jsp e database) non molto tempo fa mi chiedevo se poteste darmi ancora una mano.
Il punto è creare una mappa che mostri dei markers su di essa, segnaposto di indirizzi che mi interessano.
Rispetto al mio questo problema è più semplice, ma non riesco a risolverlo: il sito infatti visualizza correttamente la mappa di gmaps, ma non carica gli indirizzi e di conseguenza non crea i Markers.
Tra il leggere gli indirizzi e creare i Markers c'è un passaggio intermedio, quello di fare il geocoding degli indirizzi cioè passare da indirizzo in forma "umana" a indirizzo come lat e lon.
Aprendo la console web (con Tomcat acceso) e cliccando su js dice:
[11:27:35.455] ReferenceError: fx is not defined @ http://localhost:8080/Prova22/gmap.html:23
Alla riga 23 si trova la chiamata alla funzione fx();
Gli indirizzi glieli passo attraverso questa pagina html:codice:<!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0; padding: 0 } #map-canvas { height: 100% } </style> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=MIA_CHIAVE_GMAPS&sensor=false"> </script> <script type="text/javascript"> function initialize() { var geocoder = new google.maps.Geocoder(); var mapOptions = { center: new google.maps.LatLng(44.647,10.925), zoom: 8, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions); fx(); } function codeAddress() { var address = document.getElementById("address").value; geocoder.geocode( { 'address': address}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { var marker = new google.maps.Marker({ position: posizione, map: map, title:titolo }); return marker; } else { alert("Geocode was not successful for the following reason: " + status); } }); } google.maps.event.addDomListener(window, 'load', initialize); </script> </head> <body onload="initialize()"></body> </html>
Questa pagina deve la sua esistenza al fatto che verrà sostituito dentro la funzione fx() qualcosa di più dinamico (legato ad un bean dal quale si fa una query su un database di indirizzi che mi interessano) tipo:codice:<html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> #map-canvas { height: 500px; width: 600px; } </style> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> <script type="text/javascript" src="gmap.html"></script> <script type="text/javascript"> function fx() { codeAddress("Via amendola 2,Reggio Emilia","ygugygiyg","059303942"); } </script> </head> <body> <h1 onclick="addP()">Maps</h1> <div id="map-canvas"/> </body> </html>
MA QUESTA E' UN'ALTRA STORIA...(e qui lo aiuto io!)codice:fx(){ <%=x.getElements()%> }
Nel momento in cui la mappa visualizzerà un marker, proverò ad aggiungere diversi codeAddress() e in caso di funzionamento corretto faremo diventare tutto dinamico.
Ora: è solo una questione di collegare, fare vedere le due pagine fra di loro? come devo fare?
Rispondi quotando