javascript - 如何在Google map 中的两个标记之间绘制路线

嗨，我正在尝试使用JavaScript在两个标记之间绘制路线图。
我尝试了各种在网上找到的示例，但尝试其他示例时却无法加载 map 。我无法找出错误的原因。我的 map 无法加载。

我正在尝试为以下两个标记绘制路线。

    <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>

有人可以帮我在两个标记之间画一条路线吗？

最佳答案

不少错误。首先是地理位置。您的第二个位置是错误的，因为经度只能在+180到-180之间，因此-181在地球上不存在!其次，正如MrUpsidedown在评论中提到的那样，您正在函数内调用函数。首先更正地理位置，然后再调用函数，这应该可以解决您遇到的问题。