Маршрут не отображается Google Maps API V3 - PullRequest
Новая
       36

Маршрут не отображается Google Maps API V3

0 голосов
/ 31 мая 2011

Для простоты я поместил код для отображения карты и маршрута в функцию " initialize ".Карта отображается, а маршрут - нет.Пожалуйста, укажите на ошибку. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
    <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>

    <script type="text/javascript"> 

        var map;
        var latlng = new google.maps.LatLng (-34.397, 150.644);

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

        function initialize ()
        {
            var myOptions = 
            {
                zoom:8,
                center:latlng,
                mapTypeId:google.maps.MapTypeId.ROADMAP
            };

            map = new google.maps.Map (document.getElementById ("map"), myOptions);

            directionsDisplay.setMap (map);

            var initialPoint             = latlng;

            var latlng2 = new google.maps.LatLng (-34.400, 150.744);
            var pointAfterDragging       = latlng2;

            var start = initialPoint;
            var end   = pointAfterDragging;

            var request = {
                        origin:start,
                        destination:end,
                        travelMode:google.maps.TravelMode.DRIVING
                        };


            directionsService.route (request, 
                                function (result, status) 
                                {
                                    if (status == google.maps.DirectionsStatus.OK)
                                    {
                                        directionsDisplay.setDirections (result);
                                    }
                                });
            }

        </script> 
    </head>
    <body onload="initialize()" onunload="GUnload()" topmargin="0" leftmargin="0">
    <div id="map" style="width: 341px; height: 271px"></div>
    <div id="directionsPanel" style="float:right;width:30%;height 100%"></div>
    </body>
    </html>

1 Ответ

1 голос
/ 31 мая 2011

У вас две проблемы.

Сначала не определен метод, называемый GUnload.

Во-вторых, направления, которые вы пытаетесь получить, возвращают ZERO_RESULTS. Вы всегда можете попытаться предупредить статус, чтобы увидеть, возвращает ли он какие-либо направления. Если это не так, ничего не будет показано.

Вместо этого вы должны попробовать другие места, и все будет хорошо. Вы также можете передать его адреса вместо latlng, если вы хотите попробовать это вместо этого:)

Чтобы предупредить статус, вы можете сделать это: 

directionsService.route (request, 
                            function (result, status) 
                            {
                                alert(status);
                                if (status == google.maps.DirectionsStatus.OK)
                                {

                                    directionsDisplay.setDirections (result);
                                }
                            });
        }
...