求教一个关于Google Map API的问题

0 0

求教一个关于Google Map API的问题10

我用Google Map API写了一段定位+导航功能的代码，但是导航路线始终显示不出来，不知道是哪里出了问题

<script type="text/javascript">
    
$( "#map-page" ).live( "pageinit", function() {
    
    var directionsDisplay;
    var directionsService = new google.maps.DirectionsService();
    var map;
    var salon = new google.maps.LatLng(22.981666,120.194301);
    var defaultLatLng = new google.maps.LatLng(22.983587,120.22599);  // Default to Hollywood, CA when no geolocation support

    if ( navigator.geolocation ) {
        function success(pos) {
            // Location found, show map with these coordinates
            drawMap(new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude));
            calcRoute(new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude));    
        }
        
        function fail(error) {
            console.log(error);
            drawMap(defaultLatLng);  // Failed to find location, show default map
        }
        
        // Find the users current position.  Cache the location for 5 minutes, timeout after 6 seconds
        navigator.geolocation.getCurrentPosition(success, fail, {maximumAge: 500000, enableHighAccuracy:true, timeout: 6000});
    } else {
        drawMap(defaultLatLng);  // No geolocation support, show default map    
    }

    function drawMap(latlng) {
    
        directionsDisplay = new google.maps.DirectionsRenderer();
        
        var myOptions = {
            zoom: 10,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
            
        };
        
        map = new google.maps.Map(document.getElementById("map-canvas"), myOptions);
        directionsDisplay.setMap(map);
        // Add an overlay to the map of current lat/lng
        
        var marker = new google.maps.Marker({
            position: latlng,
            map: map,
            title: "Greetings!"
        });
        
        var marker = new google.maps.Marker({
            position:new google.maps.LatLng(22.981666,120.194301),
            map:map,
            title:"the salon"
        });
    }
    
    function calcRoute(latlng) {
    var start = latlng;
    var end = new google.maps.LatLng(22.981666,120.194301);
    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);
    }
  });
}
    
    
});


    </script>

2012年8月09日 13:21

Oratis
20
0 0 1

1个答案按时间排序按投票排序

0 0

    if ( navigator.geolocation ) {  
        function success(pos) {  
            // Location found, show map with these coordinates  
            drawMap(new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude));  
            calcRoute(new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude));      
        }  
          
        function fail(error) {  
            console.log(error);  
            drawMap(defaultLatLng);  // Failed to find location, show default map  
        }  
          
        // Find the users current position.  Cache the location for 5 minutes, timeout after 6 seconds  
        navigator.geolocation.getCurrentPosition(success, fail, {maximumAge: 500000, enableHighAccuracy:true, timeout: 6000});  
    } else {  
        drawMap(defaultLatLng);  // No geolocation support, show default map      
    }

这段很奇怪，漏了什么吧？定义了两个function干嘛？

我直接


	// Location found, show map with these coordinates  
	drawMap(defaultLatLng);
	calcRoute(defaultLatLng);

正常显示了路径

2012年8月10日 17:59

clxy
825
0 3 62

添加评论

已解决问题

未解决问题

排行榜

查看全部排名>>

求教一个关于Google Map API的问题10

1个答案按时间排序按投票排序

相关推荐

相关推荐

已解决问题

未解决问题

排行榜

求教一个关于Google Map API的问题10

1个答案 按时间排序 按投票排序

相关推荐

相关推荐

已解决问题

未解决问题

排行榜

1个答案按时间排序按投票排序