DrivingDirections.js

        var directionsService = new google.maps.DirectionsService();
        var directionsDisplay;
        var map2;

        function loadGoogleMap() {
            directionsDisplay = new google.maps.DirectionsRenderer();
            var myOptions = {
                zoom: 18,
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                zoomControl: true,
                zoomControlOptions: { style: google.maps.ZoomControlStyle.SMALL }
            };
            map2 = new google.maps.Map(document.getElementById('googleMap'), myOptions);
            directionsDisplay.setMap(map2);
            directionsDisplay.setPanel(document.getElementById('directionsContainer'))
            refreshDirections();
        }

        function refreshDirections() {
            var fromAddress = $('#txtAddress').val() + ', ' + $('#txtCity').val() + ', ' + $('#ddlState').val()
            var toAddress = $('#<%= hidDrAddress.ClientID %>').val() + ', ' + $('#<%= hidDrCity.ClientID %>').val() + ', ' + $('#<%= hidDrState.ClientID %>').val()
            var request = {
                origin: fromAddress,
                destination: toAddress,
                travelMode: google.maps.DirectionsTravelMode.DRIVING
            };
            var directions = directionsService.route(request, function(result, status) {
                if (status == google.maps.DirectionsStatus.OK) {
                    directionsDisplay.setDirections(result);
                } else {
                    displayError();
                }
            });
        }

        $(document).ready(function() {
            loadGoogleMap();
        });
                  
        function displayError()
        {
            var errMsgContainerClient = document.getElementById("errMsgContainerClient");
            var errMsgPopupClient = document.getElementById("errMsgPopupClient");                                                        
            var errMsgTextClient = document.getElementById("errMsgTextClient");
            
            errMsgContainerClient.style.display = "";        
            errMsgPopupClient.className = "opacityErrMsgClient"; 
         }
         
        function errMsgClose()
 	    {
 	        var errMsgContainerClient = document.getElementById("errMsgContainerClient");
            var errMsgPopupClient = document.getElementById("errMsgPopupClient");
            var errMsgTextClient = document.getElementById("errMsgTextClient");
            
            errMsgTextClient.innerText = ""; 
            errMsgContainerClient.style.display = "none";
            errMsgPopupClient.className = "opacityErrMsgClient_No"; 
 	    }