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>
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: