我目前正在使用L.Routing.Control获取2个航路点之间的路线,使用自定义DivIcons绘制和路线,并在一个框中显示路线。它的效果很好,但是将在移动设备上使用,并且在纵向模式下,方向会占据大部分显示内容。我想只显示下一个1或2个方向,或者获取下一个方向的值并将其显示在其他位置。
我必须加载并显示的代码是:
myroutewithout = L.Routing.control({
waypoints: [
L.latLng(window.my_lat, window.my_lng),
L.latLng(window.job_p_lat, window.job_p_lng)
],show: true, units: 'imperial',
router: L.Routing.mapbox('KEY-HERE'),
createMarker: function(i, wp, nWps) {
if (i === 0 || i === nWps + 1) {
// here change the starting and ending icons
return mymarker = L.marker(wp.latLng, {
icon: window.operatorIcon
});
} else {
// here change all the others
return job_start = L.marker(wp.latLng, {
icon: window.jobIcon
});
}
}
}).addTo(map);
它的图像同时以纵向和横向运行