ragazzi, sto uscendo pazza. Allora sto realizzando una cosa con le api di google, che mi mostra un percorso da A a B, ma con dei "waypoints". Tutto sono riuscita a farlo funzionare a meraviglia, però non riesco a fare una cosa, cioè mostrare i risultai già al caricamento della pagina, mentre sull'esempio di google lo da con l'evento "onclick" sul tasto submit, mi potete aiutare? vi posto il codice:
codice:
<script type="text/javascript"> 
  var directionDisplay;
  var directionsService = new google.maps.DirectionsService();
  var map;
 
  function initialize() {
  
    directionsDisplay = new google.maps.DirectionsRenderer();
    var taormina = new google.maps.LatLng(37.853066, 15.287916);
    var myOptions = {
      zoom: 13,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      center: taormina
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    directionsDisplay.setMap(map);
  }
  
  function calcRoute() {
    var start = document.getElementById("start").value;
    var end = document.getElementById("end").value;
    var waypts = [];
    var checkboxArray = document.getElementById("waypoints");
    for (var i = 0; i < checkboxArray.length; i++) {
        waypts.push({
            location:checkboxArray[i].value,
            stopover:true});
      
    }
     
    var request = {
        origin: start, 
        destination: end,
        waypoints: waypts,
        optimizeWaypoints: true,
        travelMode: google.maps.DirectionsTravelMode.DRIVING
    };
    
    directionsService.route(request, function(response, status) {
      if (status == google.maps.DirectionsStatus.OK) {
        directionsDisplay.setDirections(response);
        var route = response.routes[0];
        var summaryPanel = document.getElementById("directions_panel");
        summaryPanel.innerHTML = "";
        // For each route, display summary information.
        for (var i = 0; i < route.legs.length; i++) {
          var routeSegment = i + 1;
          summaryPanel.innerHTML += "Punto: " + routeSegment + "
";
          summaryPanel.innerHTML += route.legs[i].start_address + " to ";
          summaryPanel.innerHTML += route.legs[i].end_address + "
";
          summaryPanel.innerHTML += route.legs[i].distance.text + "
";

        }
      }
    });
  }
</script> 
<body onload="initialize()"> 
<div id="map_canvas"></div> 
<div id="control_panel" style="float:right;width:30%;text-align:left;padding-top:20px"> 
<div style="margin:20px;border-width:2px;"> 
<input type="hidden" id="start" value="Una Città a Caso" />
<select id="waypoints" style="display: none;"> 
<option value="Una Città a Caso"></option>
<option value="Una Città a Caso"></option>
<option value="Una Città a Caso"></option>
<option value="Una Città a Caso"></option>
<option value="Una Città a Casos"></option>
</select>
<input type="hidden" id="end" value="Una Città a Caso" />

<input type="submit" onclick="calcRoute();" /> 

</body>