谷歌地圖。在地圖上追蹤歷史記錄。由於座標中的錯誤導致路線不正確

Question

我的應用程序顯示Google Map上車輛的跟蹤歷史記錄。我們每隔2分鐘從我們的移動應用收到位置，並將其存儲在數據庫中。之後，我們在地圖上顯示路線（使用JS API，路線服務）。

{ 
    origin: 'Chicago, IL', 
    destination: 'Los Angeles, CA', 
    waypoints: [ 
    ... 
    ], 
    provideRouteAlternatives: false, 
    travelMode: 'DRIVING', 
    unitSystem: google.maps.UnitSystem.IMPERIAL 
} 

但是，有時位置可能不準確，只有3-5米。作爲例子，一些位置可以顯示在迎面而來的交通線上。因此，Google創建了圍繞幾個街區等的路線。

所以問題：是否有任何可能的方法來忽略這些不準確的點，只是「強制」谷歌創建一個方向的路線？

謝謝！

Answer 1

我有一個想法。它看起來很有效，至少對於我選擇類似情況的路點而言。

我把腿（=航點之間的路線段）放在for-loop中。對於每個分段，我計算/讀取「沿路線的距離」並將其除以航跡距離。這個比例應該是大約1.如果它大於1，那麼這個比例是rong。我把閾值設置爲2.0，你應該降低它（1到2之間的值是一個值）。

找到這樣一個因素後，我刪除該航點（當然，我在沒有這個項目的情況下創建一個新數組「newWaypoints」），然後重新開始，在2秒setTimeout後產生一個紅色路線。

函數是遞歸的，我不知道應該刪除多個點會發生什麼。也許它可能會再次嘗試一次。

<style> 
    #map {height: 400px;} 
</style> 
<div id="map"></div> 
<div id="log"></div> 
<input type="button" value="click" onclick="calc()"> 
<script> 
var directionsDisplay; 
var directionsService; 
var map; 
var maxFactor = 2.0; // FEEL FREE TO GUESTIMATE ANOTHER VALUE 
function initMap() { 
    var start = new google.maps.LatLng(50.96622130043278,3.8518730520809185); 
    var mapOptions = { 
    zoom:7, 
    center: start 
    } 
    map = new google.maps.Map(document.getElementById('map'), mapOptions); 
    directionsService = new google.maps.DirectionsService(); 
} 
function calcRoute(start, end, waypoints, color) { 
    directionsDisplay = new google.maps.DirectionsRenderer({ map: map, polylineOptions: {strokeColor: color} }); 
    var request = { 
    origin: start, 
    destination: end, 
    waypoints: waypoints, 
    provideRouteAlternatives: false, 
    travelMode: 'DRIVING', 
    unitSystem: google.maps.UnitSystem.IMPERIAL 
    }; 
    directionsService.route(request, function(result, status) { 
    if (status == 'OK') { 
     var newWaypoints = []; 

     directionsDisplay.setDirections(result); 
     var legs = result.routes[0].legs; 
     var problemIndex = -1; 
     for(var i in legs) { 
     var routeSegment = legs[i].distance.value; 
     var origin = legs[i].start_location; 
     var destination = legs[i].end_location; 
     var flightpathDistance = google.maps.geometry.spherical.computeDistanceBetween(origin, destination); 
     var factor = (routeSegment/flightpathDistance); 
     if(factor > maxFactor && problemIndex == -1) { 
      // too long 
      problemIndex = i; 
      document.getElementById('log').innerHTML += 'factor ' + factor.toFixed(2) + ' - segment looks too long. romove waypoint ' + i + ' (0 based)<br/>'; 
     } 
     else if(factor > maxFactor && problemIndex == i -1) { 
      if(i<legs.length - 1) { // skip the destination; this is not a waypoint 
      newWaypoints.push(waypoints[i]); 
      } 
      document.getElementById('log').innerHTML += 'factor ' + factor.toFixed(2) + ' - segment also too long, but the problem is probably the previous segment<br/>'; 
     } 
     else { 
      if(i<legs.length - 1) { // skip the destination; this is not a waypoint 
      newWaypoints.push(waypoints[i]); 
      } 
      document.getElementById('log').innerHTML += 'factor ' + factor.toFixed(2) + '<br/>'; 
     } 
     } 
     document.getElementById('log').innerHTML += '<hr/>'; 
     if(problemIndex > -1) { 
     setTimeout(function() { 
      calcRoute(start, end, newWaypoints, 'red'); 
     }, 2000); 

     } 
    } 
    });  
} 
function calc() { 
    calcRoute(
    '50.95487921891042,3.879781222422025', 
    '51.002379049703315,3.757394492495223', 
    [ 
     {location: '50.96622130043278,3.8518730520809185', stopover: true}, 
     {location: '50.9725522849737,3.8379914402503345', stopover: true}, 
     {location: '50.97957292616706,3.8236401199901593', stopover: true}, // This is the problem point, on the opposite side of the road 
     {location: '50.98570531465853,3.81125807762146', stopover: true}, 
     {location: '50.98941308813775,3.8019619700935436', stopover: true} 
    ], 
    "blue" 
); 
} 
</script> 
<script async defer src="https://maps.googleapis.com/maps/api/js?callback=initMap&libraries=geometry"></script>