Funzione per API HTML5

  • Creatore Discussione Creatore Discussione littelme
  • Data di inizio Data di inizio

littelme

Nuovo Utente
1 Set 2015
13
0
0
Buongiorno a tutti!
Nel mio sito ho inserito questa funzione trovata sul web per l'API Geolocation di HTML5. Rappresenta una mappa con un percorso evidenziato. Ora, però, vorrei sapere come fare per inserire dei puntatori lungo questo percorso.
Vi allego lo script che fa quanto vi ho detto e preciso che gli input "partenza" e "arrivo" sono di tipo hidden, quindi non possono essere modificati dall'utente e di conseguenza il percorso è fisso.
Aspetto i vostri consigli :) grazie in anticipo!
Codice:
<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);

document.getElementById("submit").onclick = function() {
calcRoute();
}
}


function calcRoute() {
var partenza = document.getElementById("partenza").value;
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>
 
Ultima modifica di un moderatore:

Discussioni simili