dove sbaglio a richiamare un valore?

Stefano Steve Bigoloni

Nuovo Utente
12 Set 2012
3
0
0
Buongiorno, sono nuovo in javascript e sto cercando di arrangiarmi come posso, ma ho un problema a cui nn riesco a venirne a capo.
vorrei fare un map con percorso il cui punto di partenza è dato dalle coordinate gps.

non riesco ad estrapolare i dati delle coordinate e metterli nella variabile partenza:

HTML:
<script type="text/javascript">
navigator.geolocation.getCurrentPosition(gotPosition); 
</script>

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&amp;&language=it"></script>
<script type="text/javascript">
var directionDisplay;
var directionsService = new google.maps.DirectionsService();
var map;

function gotPosition(p) {
		this.outputStr = p.coords.latitude +','+p.coords.longitude;
		}	
function initialize() {
  
	calcRoute();
	directionsDisplay = new google.maps.DirectionsRenderer();
    var myOptions = { 
		zoom:7,
      	mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    
	map = new google.maps.Map(document.getElementById("map"), myOptions);    
	directionsDisplay.setMap(map);
	directionsDisplay.setPanel(document.getElementById("panel"));

	var selectTags = document.getElementsByTagName("select");	
	for(i=0;i<selectTags.length;i++){
		selectTags[i].onchange=function(){ 
			calcRoute();
			};
		}
	}
	
	function calcRoute() {
		var partenza = [COLOR="#FF0000"]outputStr[/COLOR] 
		var arrivo = document.getElementById("arrivo").value;
		var request = {
			origin: partenza, 
			destination: arrivo,
			travelMode: google.maps.DirectionsTravelMode.DRIVING
			};
		directionsService.route(request, function(response, status) {
		  if (status == google.maps.DirectionsStatus.OK) {
			directionsDisplay.setDirections(response);
		  }
		});
  }
window.onload = initialize;
</script>

</head>
<body>
<div>
<script type="text/javascript">
alert(abcd.eccomi());
</script>
<input id ="partenza" type="hidden" value="<%=request.QueryString("lat")%>,<%=request.QueryString("lon")%>">
<input id ="arrivo" type="hidden" value="Via Zanardelli - Gardone Riviera">
</div>
<div id="map"></div>

<div id="panel"></div> 
</body>

io cerco di richiamare la variabile con i valori ma dove sbaglio ???
 
Ultima modifica di un moderatore:

Vale2

Utente Attivo
28 Mag 2006
446
0
0
Livorno
Ciao,

Codice:
var partenza = document.getElementById("partenza").value;

Visto che passi i dati in querystring


nomepagina.asp?lat=43.5500&lon=10.3167

coordinate di Livorno.


Valeria.
 

Stefano Steve Bigoloni

Nuovo Utente
12 Set 2012
3
0
0
correzione nel codice trascritto:
Codice:
 ...

function calcRoute() {
		var partenza = outputStr  //<<< QUI DOVE VOGLIO METTERE IL VALORE
		var arrivo = document.getElementById("arrivo").value;
		var request = {

...

Il problema non è utilizzando parametri da querystring..., ma vorrei utilizzare i parametri derivanti dalla function gotPosition
 
Ultima modifica:

Vale2

Utente Attivo
28 Mag 2006
446
0
0
Livorno
Ciao,

avevo capito altro problema,

Codice:
navigator.geolocation.getCurrentPosition(gotPosition);

non è definito, deve stare nella function

Codice:
function calcRoute() {

anche

function gotPosition(p)

Prova cosi

Codice:
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&language=it"></script>
<script type="text/javascript">
var directionDisplay;
var directionsService = new google.maps.DirectionsService();
var map;
function initialize() {
  
	calcRoute();
	directionsDisplay = new google.maps.DirectionsRenderer();
    var myOptions = { 
		zoom:7,
      	mapTypeId: google.maps.MapTypeId.ROADMAP
    }
	  
	map = new google.maps.Map(document.getElementById("map"), myOptions);    
	directionsDisplay.setMap(map);
	directionsDisplay.setPanel(document.getElementById("panel"));

	var selectTags = document.getElementsByTagName("select");	
	for(i=0;i<selectTags.length;i++){
		selectTags[i].onchange=function(){ 
			calcRoute();
			};
		}
	}
	
	 function calcRoute() {
		if(!navigator.geolocation) {
        alert("Geolocalizzazione non supportata");
        return false;
        }else{
        navigator.geolocation.getCurrentPosition(gotPosition); 
        return false;
        }
		function gotPosition(p) {
		var outputStr = p.coords.latitude +','+p.coords.longitude;
		var partenza = outputStr;
           alert(partenza);      
		var arrivo = document.getElementById("arrivo").value;
		var request = {
			origin: partenza, 
			destination: arrivo,
			travelMode: google.maps.DirectionsTravelMode.DRIVING
			};
		directionsService.route(request, function(response, status) {
		  if (status == google.maps.DirectionsStatus.OK) {
			directionsDisplay.setDirections(response);
		  }
		});
  }
  }
window.onload = initialize;
</script>

</head>
<body>
<div>
<script type="text/javascript">
//alert(abcd.eccomi());
</script>

<input id ="partenza" type="hidden" value="<%=request.QueryString("lat")%>,<%=request.QueryString("lon")%>">
<input id ="arrivo" type="hidden" value="Via Zanardelli - Gardone Riviera">

</div>
<div id="map"></div>

<div id="panel"></div> 
</body>

Togli alert(partenza); che ti stampa le coordinate.

Valeria.
 
Ultima modifica:

Stefano Steve Bigoloni

Nuovo Utente
12 Set 2012
3
0
0
Perfetto!!!

Ora ho un'altro quesito:

Posso sostituire la mappa di google con quella di openstreetmap mantenendo le peculiarità relative ai percorsi?
Il problema è che nel mio paese Google map è povero di strade, mentre invece openstreetmap è completo.

Io ho trovato questo codice per la mappa, ma integrarlo con il sistema precedente penso sia ben oltre le mie capacità.

Codice:
<html>
    <head>
        <meta charset="utf-8" />
        <title>Simple SlippyMap using Google Maps v3 API</title>
        <style>
            html, body, .slippymap {
                height: 100%;
                width: 100%;
                margin: 0;
                padding: 0;
            }
            .slippymap {
                width: 99.5%;
                height: 99.5%;
                outline: 1px solid gray;
            }
            header, footer{
                position: fixed;
                left: 0;
                right: 0;
                width: 100%
                margin: 0;
                padding: 0.21em;
                z-index: 2;
                background: #eed;
            }
        </style> 
    </head>
    <body>
        <div id="map" class="slippymap" style="float: left;"></div>

        <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
        <script type="text/javascript">
            var element = document.getElementById("map");
 
            var map = new google.maps.Map(element, {
                center: new google.maps.LatLng(57, 21),
                zoom: 3,
                mapTypeId: "OSM",
                mapTypeControlOptions: {
                    mapTypeIds: ["OSM"]
                }
            });
 
            map.mapTypes.set("OSM", new google.maps.ImageMapType({
                getTileUrl: function(coord, zoom) {
                    return "http://tile.openstreetmap.org/" + zoom + "/" + coord.x + "/" + coord.y + ".png";
                },
                tileSize: new google.maps.Size(256, 256),
                name: "OpenStreetMap",
                maxZoom: 18
            }));
        </script>
    </body>
</html>
 
Discussioni simili
Autore Titolo Forum Risposte Data
Selenio89 problema a caricare immagine con html. dove sbaglio? HTML e CSS 25
D prima prova con ASP... dove sbaglio? Classic ASP 13
otto9due A scopo didattico.. Dove sbaglio? Javascript 6
otto9due Qualcuno mi dice dove sbaglio in questa classe .. PHP 4
otto9due importare file .php tramite .load dove sbaglio?? jQuery 2
R Sostiture il colore di sfondo di un'immagine con canvas e drawImage... dove sbaglio? Javascript 1
D Record disconesso contatore dove sbaglio? Classic ASP 0
M Dove sbaglio con questo script per inserimento record? PHP 1
N Aiuto php : Modulo Mail non funzionante - Dove sbaglio ? PHP 5
A invio email dove sbaglio PHP 1
Task Mc Dove sbaglio? qualcuno mi può aiutare? Classic ASP 2
P Chi mi aiuta a capire dove sbaglio nel mio CSS? HTML e CSS 3
M form email, dove sbaglio? HTML e CSS 6
P Dove sbaglio? HTML e CSS 1
V Redirect in base a nome utente. Dove sbaglio? Classic ASP 7
R mi da errore dove inizia il while PHP 1
T foreach e fetchAll dove recupero solo l'ultimo record PHP 5
B Sito dove vendere e comprare di tutto Offerte e Richieste di Lavoro e/o Collaborazione 1
W [PHP] dirmi dove posso trovare.. Offerte e Richieste di Lavoro e/o Collaborazione 1
C Dove trovo ipcamera cgi solo html IP Cam e Videosorveglianza 0
Michelebozzo Dove sono finiti i miti del web? Discussioni Varie 1
P [HTML] Creazione pagina web da dove iniziare HTML e CSS 2
C [PHP] Come realizzare un tema wordpress per monetizzarlo?e dove testarlo gratis? PHP 3
filograndipad2 Da dove arrivano i parametri degli event handler? Sviluppo app per Android 1
W una single board dove gira Windows Hardware 0
Merlina3377 dove vengono salvati i dati Linux e Software 1
Licantropo [phpBB] Forum, rischi e dove installarlo phpBB 4
jonnino2004 guessmyage.it sito dove indovinare l'età delle persone Presenta il tuo Sito 8
G Google recaptcha in verify.php - dove inserire il codice PHP 1
D dove viene memorizzato il mio db sqlite? Sviluppo app per Android 0
G Chi sono, dove vado. Presentati al Forum 1
gandalf1959 [PHP] ciclo while non scrive dove dovrebbe... PHP 2
patrizio hosting da dove iniziare? Hosting 5
Monital [Javascript] decidere dove aggiungere il campo dinamicamente Javascript 1
filippino Facebook UserID dove lo trovo? Social Media Marketing 0
M creare una tabella dove inserire i dati del database Database 1
M Cartella predefinita dove salvare i backup PHP 0
G Dove comprare un sito web Compravendita siti e domini 2
filippino IP Vodafone Station: dove posso leggerlo? Reti LAN e Wireless 1
P Non riesco a capire dove sta l'errore e perchè non mi memorizza il contenuto PHP 14
P dove si va a salvare il dbase phpmyadm una volta creato ???? Database 0
P dove si va a salvare il dbase phpmyadm una volta creato ???? Database 7
S Dove vanno a finire le discussioni inviate? Discussioni Varie 1
max_400 Hosting gratuito dove mettere giochi in flash Hosting 2
Shyson Dove posizionare i codici php? PHP 5
L da dove escono questi tag? HTML e CSS 3
N Comprare fan facebook? Ecco dove Annunci servizi di Social Media Marketing 2
C [Servizio]Visite per siti web o video provenienti da facebook.com o da dove vuoi tu Annunci servizi di Social Media Marketing 0
Mauro Guardiani chi sa dove mettere questo codice Tubular jQuery plugin Javascript 1
L Dove si trovano i bot per aumentare i fans e bisite ai siti!? Sicurezza e Virus 0

Discussioni simili