API Geolocation

  • 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 creato con l'API Geolocation di HTML5 una mappa che rappresenta un percorso. 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 :)

<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:
Come puoi vedere dallo script che posti non è una questione HTML/CSS ma JavaScript dovresti sentire in quella sezione
 

Discussioni simili