${(function(){ let map, directionsService, directionsRenderer; let pickupAutocomplete, dropoffAutocomplete; function initMap() { directionsService = new google.maps.DirectionsService(); directionsRenderer = new google.maps.DirectionsRenderer(); map = new google.maps.Map(document.getElementById("map"), { zoom: 5, center: { lat: 56.1304, lng: -106.3468 }, // Center of Canada }); directionsRenderer.setMap(map); const options = { componentRestrictions: { country: "ca" }, fields: ["geometry", "name"], }; pickupAutocomplete = new google.maps.places.Autocomplete(document.getElementById("pickup"), options); dropoffAutocomplete = new google.maps.places.Autocomplete(document.getElementById("dropoff"), options); } function calculateRoute() { const pickup = document.getElementById("pickup").value; const dropoff = document.getElementById("dropoff").value; if (!pickup || !dropoff) { alert("Please enter both pickup and drop-off addresses."); return; } const request = { origin: pickup, destination: dropoff, travelMode: google.maps.TravelMode.DRIVING, }; directionsService.route(request, function (result, status) { if (status == "OK") { directionsRenderer.setDirections(result); } else { alert("Could not show directions: " + status); } }); } })()}