Hi I am trying to draw a route map between two markers using javascript.
I have tried various examples found online but my map is not loading while trying out different examples. I am unable to figure out the cause of the error. My map just does not load.

I am trying to draw a route for the below two markers.

    <script>



        function mapLocation() {

            var directionsDisplay;

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

            var map;



            function initialize() {

                directionsDisplay = new google.maps.DirectionsRenderer();

                var chicago = new google.maps.LatLng(37.334818, -121.884886);

                var mapOptions = {

                    zoom: 7,

                    center: chicago

                };

                map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

                directionsDisplay.setMap(map);

            }



            function calcRoute() {

                var start = new google.maps.LatLng(37.334818, -121.884886);

                var end = new google.maps.LatLng(38.334818, -181.884886);

                var request = {

                    origin: start,

                    destination: end,

                    travelMode: google.maps.TravelMode.DRIVING

                };

                directionsService.route(request, function (response, status) {

                    if (status == google.maps.DirectionsStatus.OK) {

                        directionsDisplay.setDirections(response);

                    }

                });

            }            



            google.maps.event.addDomListener(window, 'load', initialize);

        }

        mapLocation();

    </script>

Can someone please help me draw a route between the two markers?