bonjour

j'ai un fichier js avec pleins de fonction et je souhaite faire un bouton qui au clic lance se fichier et calcul l'itinéraire 

comment faire un bouton html qui lance le calcul de l'itineraire 

merci 

function initialize() {
     directionsDisplay = new google.maps.DirectionsRenderer();
  map = new google.maps.Map(document.getElementById("map_canvas"), {
        zoom: 19,
        center: new google.maps.LatLng(48.858565, 2.347198),
        mapTypeId: google.maps.MapTypeId.ROADMAP
      
      });   
    

 
if (navigator.geolocation)
  var watchId = navigator.geolocation.watchPosition(successCallback,null,{enableHighAccuracy:true});
else
  alert("Votre navigateur ne prend pas en compte la géolocalisation HTML5");   
    

}


function successCallback(position){
  map.panTo(new google.maps.LatLng(position.coords.latitude, position.coords.longitude));
  var marker = new google.maps.Marker({
    position: new google.maps.LatLng(position.coords.latitude, position.coords.longitude), 
    map: map
    
  }); 
        var origin = new google.maps.Marker({
    position: new google.maps.LatLng(position.coords.latitude, position.coords.longitude), 
    map: map
  }); 
    
    var destination = new google.maps.Marker({
    position: new google.maps.LatLng(45.747798,-0.658165), 
    map: map
  }); 
    
    directionsDisplay.setMap(map);
    calcRoute(origin, destination);
    
    
}


function calcRoute(start, end) {

  var request = {
    origin:start.position,
    destination:end.position,
    travelMode: google.maps.TravelMode.DRIVING
  };
    var directionsService = new google.maps.DirectionsService();
  directionsService.route(request, function(result, status) {
    if (status == google.maps.DirectionsStatus.OK) {
      directionsDisplay.setDirections(result);
    }
  });
}

-
Edité par JimmyLb 19 janvier 2017 à 9:26:53

Bonjour,

Autre solution, en jquery ..

$('tonelement).on('click',function(){

tafonction();

});

A+