Leaflet 传单传送机-选项的使用
我不太明白如何将选项应用于传单传送机。这是使用路由的基本代码:Leaflet 传单传送机-选项的使用,leaflet,Leaflet,我不太明白如何将选项应用于传单传送机。这是使用路由的基本代码: var map = L.map('map'); L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors' }).addTo(map); L.Routing.contro
var map = L.map('map');
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
attribution: '© <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);
但这不起作用,当我试图使标记不可拖动,使路线不可更改时,它也不起作用,我认为我做错了什么,因为我可以更改代码中我想要的内容,它不会更改显示的任何内容
基本上,我想做的是显示一条不能通过拖动标记和没有行程文本来更改的路线,换句话说,您不能更改原始显示
谢谢你的时间 您可以将该选项直接应用于
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.internative
是L.Routing.Control
的基类。不需要创建它的实例。您已经将L.Routing.Control
添加到地图中。由于L.Routing.Control
是从L.Routing.internative
扩展而来,因此它还继承了show
选项。请参阅API:
L.Routing.Control:将其他类合并到完整的路由用户界面中。插件的主类。扩展L.Routing.Cinerary并实现IControl
I通过覆盖control.plan中的createMarker函数并将draggable:false传递给标记,禁用了可拖动标记。下面是一个带有路由机器的只读传单映射控件配置的片段
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);
另一个类似的答案:无需创建新的L.Routing.plan,因为L.Routing.control()接受DragableWayPoints选项
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);
谢谢你的信息,你如何摆脱白色的方块(从最小化行程中的方块)?绝对不需要感谢,欢迎你,这就是为什么。你可以考虑将答案标记为“接受”,以便其他类似问题的人也能找到工作/接受的解决方案。参见:关于隐藏按钮,根据
L.Routing.itineray
的API文档,有一个collapseBtnClass
选项,该选项应默认为传单路由折叠btn
,但该类未应用:/但是存在一个传单路由容器隐藏
类,因此传单路由容器隐藏{display:none;}
应该可以。
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);