L.Routing。单独控制显示方向

时间:2019-02-05 12:57:07

标签: leaflet mapbox

我目前正在使用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);

它的图像同时以纵向和横向运行

View in landscape View in portrait

0 个答案:

没有答案