傳單路由機 - 選項的使用

我不太清楚如何將選項應用到傳單路由機。這是基本的代碼來使用路由：傳單路由機 - 選項的使用

var map = L.map('map'); 

L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { 
attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors' 
}).addTo(map); 

L.Routing.control({ 
waypoints: [ 
    L.latLng(57.74, 11.94), 
    L.latLng(57.6792, 11.949) 
] 
}).addTo(map);

現在，我要做的是，隱藏行程文本，從我在API中寫的應該是這樣的：

L.Routing.itinerary({ 
    show: false 
}).addTo(map);

但是，這是行不通的，當我試圖使標記不可拖動，並使路線不能改變，它也無法工作，我想我做錯了什麼，因爲我可以改變我想要的代碼，它不會改變任何有關顯示...

基本上我想要做的是顯示路線不能通過拖動標記和沒有行程文本進行更改，換句話說，您無法更改原始顯示。

謝謝你的時間！

來源

2015-12-03 Sir Vico

您可以直接套用選項L.Routing.Control：

var routingControl = new L.Routing.Control({ 
    waypoints: [ 
     L.latLng(57.74, 11.94), 
     L.latLng(57.6792, 11.949) 
    ], 
    show: false 
}).addTo(map);

L.Routing.itinerary是L.Routing.Control的基類。沒有必要創建它的一個實例。您已將L.Routing.Control添加到您的地圖中。由於L.Routing.Control從L.Routing.Itinerary延伸，因此它也繼承show選項。請參閱API：

L.Routing.Control：將其他類組合成完整的路由用戶界面。插件的主要類。擴展L.Routing.Itinerary並實施IControl。

http://www.liedman.net/leaflet-routing-machine/api/#l-routing-control

來源

2015-12-03 23:09:52 iH8

感謝您的信息，以及如何擺脫白方（從最小化的行程中的方格）？ –

絕對不需要謝謝，你永遠都會受到歡迎，這就是我的所爲。您可以考慮將答案標記爲已接受，以便其他具有類似問題的人也可以找到工作/接受的解決方案。參見：http://stackoverflow.com/help/someone-answers關於隱藏按鈕，根據L.Routing.Itinerary的API文檔，有一個'collapseBtnClass'選項，它應該默認爲'leaflet-routing -collapse-btn「，但該類不適用：/但有一個'leaflet-routing-container-hide'類，所以'.leaflet-routing-container-hide {display：none;}'應該可以工作。 – iH8

我禁用拖動的標記由control.plan重寫createMarker函數並傳遞拖動：假到標記。以下是帶路由機的只讀小冊子地圖控制配置的片段。

var control, waypoints; 

waypoints = []; 

control = L.Routing.control({ 
    waypoints: waypoints, 
    plan: L.Routing.plan(waypoints, { 
    createMarker: function(i, wp) { 
     return L.marker(wp.latLng, { 
     draggable: false 
     }); 
    } 
    }), 
    addWaypoints: false, 
    routeWhileDragging: false, 
    show: false 
}).addTo(map);

另一個類似的答案：here

來源

2016-08-24 12:36:01

無需創建以來L.Routing.control新L.Routing.plan（）accepte一個draggableWaypoints選項，

let waypoints = [...] 
L.Routing.control({ 
    waypoints: waypoints, 
    draggableWaypoints : false,//to set draggable option to false 
    addWaypoints : false //disable adding new waypoints to the existing path 
}).addTo(map);

來源

2016-09-17 15:28:15

傳單路由機 - 選項的使用

回答

相關問題