谷歌的地方不会返回完整的结果与RouteBoxer

编辑：看来我正在查询限制，但我没有被返回完整的200结果。因此，经过进一步的研究，看起来Google API会让我查询10个盒子，返回这些结果，然后用剩余的OVER_QUERY_LIMIT状态打我。所以我想我现在有两个选择：减慢我的查询，或者扩大我的距离，在路线上创建更少的盒子。谷歌的地方不会返回完整的结果与RouteBoxer

我目前正在建造一个小型的网络应用程序，提供沿路线地点的细节（如加油站和咖啡的客场之旅）。我正在将Google Maps API与Places库一起使用，并使用RouteBoxer。 我使用RouteBoxer生成所有相应的框，但是当框传递到Places库时，我只能找回一些地方。通常我会得到路线的前半部分（较短路线）或几个随机区块（较长路线）。从旧金山到西雅图，我只能返回西雅图和梅德福附近的加油站。

最初我以为也许我是在达到200的结果上限，但是它为每个盒子提出了一个单独的请求，而且我的总结果通常不会达到200.返回的结果通常与我所能看到的一致。在查看我的网络请求和响应的详细信息时，似乎脚本正在通过位置库的请求框移动，并突然停止。

您可以在其中查看结果和框的实时应用程序位于Heroku。

我的JavaScript不是最强的。这就是为什么我想要使用这个API的一部分，所以如果我犯了一个微不足道的错误，请原谅我的无知。完整的脚本如下。任何方向都非常感谢！

var infowindow = new google.maps.InfoWindow(); 
var map; 
var routeBoxer; 
var service; 

function initialize() { 
    directionsDisplay = new google.maps.DirectionsRenderer(); 
    var mapOptions = { 
    zoom: 4, 
    center: new google.maps.LatLng(39, -98), 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    }; 
    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); 
    service = new google.maps.places.PlacesService(map); 

    routeBoxer = new RouteBoxer(); 

    directionService = new google.maps.DirectionsService(); 
    directionsRenderer = new google.maps.DirectionsRenderer({ map: map }) 

    directionsDisplay.setMap(map); 
    directionsDisplay.setPanel(document.getElementById('directions-panel')); 
} 

function calcRoute() { 
    var start = document.getElementById('start').value; 
    var end = document.getElementById('end').value; 
    var waypt1 = document.getElementById('waypoint1').value; 
    var waypt2 = document.getElementById('waypoint2').value; 
    var waypts = [] 

    if (waypt1) { 
    waypts.push({ 
     location:waypt1, 
     stopover:true}); 
    } 
    if (waypt2) { 
    waypts.push({ 
     location:waypt2, 
     stopover:true}); 
    } 

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

    directionService.route(request, function(response, status) { 
    if (status == google.maps.DirectionsStatus.OK) { 
     directionsDisplay.setDirections(response); 

     // Build boxes around route 
     var path = response.routes[0].overview_path; 
     var boxes = routeBoxer.box(path, 2); // distance in km from route 
     drawBoxes(boxes); 
     for (var i=0; i < boxes.length; i++) { 
     var bounds = boxes[i]; 
     findPlaces(bounds); 
     findPlacesByText(bounds); 
     } 
    } else { 
     alert("Directions query failed: " + status); 
    } 
    }); 
} 

function findPlaces(bounds) { 
    var selectedTypes = []; 

    var inputElements = document.getElementsByClassName('placeOption'); 

    for (var i=0; inputElements[i]; i++) { 
    if (inputElements[i].checked) { 
    selectedTypes.push(inputElements[i].value) 
    } 
    } 

    var request = { 
    bounds: bounds, 
    types: selectedTypes 
    }; 

    if (selectedTypes.length > 0) { 
    service.radarSearch(request, callback); 
    } 
} 

function findPlacesByText(bounds) { 
    var selectedTypes = ''; 

    var inputElements = document.getElementsByClassName('textOption'); 

    for (var i=0; inputElements[i]; i++) { 
    if (inputElements[i].checked) { 
    selectedTypes += inputElements[i].value + ', ' 
    } 
    } 

    var request = { 
    bounds: bounds, 
    query: selectedTypes 
    }; 

    if (selectedTypes.length > 0) { 
    service.textSearch(request, callback); 
    } 
} 

function callback(results, status) { 
    if (status == google.maps.places.PlacesServiceStatus.OK) { 
    for (var i = 0; i < results.length; i++) { 
     createMarker(results[i]); 
    } 
    } 
} 

function createMarker(place) { 
    var marker = new google.maps.Marker({ 
    map: map, 
    position: place.geometry.location 
    }); 

    var request = { 
    reference: place.reference 
    }; 

    google.maps.event.addListener(marker,'click',function(){ 
    service.getDetails(request, function(place, status) { 
     if (status == google.maps.places.PlacesServiceStatus.OK) { 
     var contentStr = '<h5>' + place.name + '</h5><p>' + place.formatted_address; 
     if (!!place.formatted_phone_number) contentStr += '<br />' + place.formatted_phone_number; 
     if (!!place.website) contentStr += '<br /><a target="_blank" href="' + place.website + '">' + place.website + '</a>'; 
     contentStr += '<br />' + place.types + '</p>'; 
     infowindow.setContent(contentStr); 
     infowindow.open(map,marker); 
     } else { 
     var contentStr = "<h5>No Result, status=" + status + "</h5>"; 
     infowindow.setContent(contentStr); 
     infowindow.open(map,marker); 
     } 
    }); 
    }); 
} 

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

来源

2015-06-24 James Warren

经过大量的实验和进一步的研究，我决定尝试减缓我的查询。我处理的方式是编写一个调用我的查询函数的新函数，然后以下一个路径框的延迟递归调用自身。如果返回OVER_QUERY_LIMIT状态，则会延迟增加该框。到目前为止，它似乎工作得很好，但它很快将延迟时间延长到接近两秒钟（或更多）的通话时间，如果您有很长的通话时间，那么可能需要一段时间。我的新功能似乎解决了这个问题。它需要更多的微调才能真正做到，但它很接近！

var delay = 100; 

... 

function queryPlaces(boxes, searchIndex) { 
    // delay calls to Places API to prevent going over query limit (10/sec) 
    var bounds = boxes[searchIndex]; 
    findPlaces(bounds); 
    findPlacesByText(bounds); 
    if (searchIndex > 0) { 
    searchIndex--; 
    setTimeout(queryPlaces, delay, boxes, searchIndex); 
    } 
}

来源

2015-06-27 08:08:48

谷歌的地方不会返回完整的结果与RouteBoxer

回答

相关问题