錯誤時添加多個航點單張

Question

的代碼工作正常，在離子V1應用的兩個航點，但如果我添加兩個以上，我得到以下錯誤：

Uncaught TypeError: Cannot read property 'lat' of undefined 
at o.LatLng.distanceTo (file:///android_asset/www/lib/leaflet/leaflet.js:6:14158) 
at e._extendToWaypoints (file:///android_asset/www/lib/leaflet-routing-machine-3.2.5/dist/leaflet-routing-machine.js:3751:18) 
at e.initialize (file:///android_asset/www/lib/leaflet-routing-machine-3.2.5/dist/leaflet-routing-machine.js:3699:10) 
at new e (file:///android_asset/www/lib/leaflet/leaflet.js:6:2539) 
at Object.line (file:///android_asset/www/lib/leaflet-routing-machine-3.2.5/dist/leaflet-routing-machine.js:3329:16) 
at e.<anonymous> (file:///android_asset/www/js/services/Maps.js:461:35) 
at e.fireEvent (file:///android_asset/www/lib/leaflet/leaflet.js:6:4952) 
at e.<anonymous> (file:///android_asset/www/lib/leaflet-routing-machine-3.2.5/dist/leaflet-routing-machine.js:2907:13) 
at e._routeDone (file:///android_asset/www/lib/lrm-mapbox/lrm-mapbox.js:289:20) 
at e.<anonymous> (file:///android_asset/www/lib/lrm-mapbox/lrm-mapbox.js:248:22) 

奇怪的是，這代碼在幾個月前運行良好，但突然它開始失敗。有問題的代碼是這樣的：

function getRoute() { 
    var r = L.Routing.control({ 

     waypoints: waypoints, 
     router: new L.Routing.Mapbox(Config.mapBoxApiKey, 
     { 
      serviceUrl: 'https://api.tiles.mapbox.com/v4/directions/', 
      timeout: 30 * 1000, 
      profile: 'mapbox.' + tipo 
     } 
    ), 
     lineOptions: { 
     styles: styles 
     }, 
     fitSelectedRoutes: false, 
     routeWhileDragging: false, 
     createMarker: function() { 
     return null; 
     } 

    }); 

    return r; 
    } 

    var control = getRoute(); 
    var routeLayer = L.layerGroup([control]); <---- HERE I GET THE ERROR 

任何想法？

Answer 1

在小冊子中，Controls與Layers不同。

特別是，你不能讓他們成爲Layer Group的子女。

如Leaflet Routing Machine plugin home page所示，你只需要使用addTo()方法您的控制添加到地圖：

L.Routing.control({ 
    waypoints: waypoints 
}).addTo(map); 

在您的確切情況：

getRoute().addTo(map);