一键查看外卖配送实时地图路线，助您轻松掌握骑手动向

2023-12-17 01:06:35

实时地图路线查看：提升外卖配送体验

外卖已成为当代生活不可或缺的一部分，但配送过程中难免会出现延迟、路线错误等问题。为了解决这些难题，外卖平台开始集成实时地图路线查看功能，为骑手和用户提供更清晰便捷的配送体验。

骑手端实时地图路线查看

骑手端实时地图路线查看功能让骑手在配送途中实时掌握自己的位置和路线。当接到订单后，小程序会显示配送路线，导航骑手前往目的地。如果遇到问题，骑手可随时查看位置和路线，并及时与用户沟通。

代码示例：

riderMap = new AMap.Map('riderMap', {
  zoom: 15,
  center: [121.505443, 31.238167]
});

riderMarker = new AMap.Marker({
  map: riderMap,
  position: [121.505443, 31.238167],
  icon: "images/rider.png"
});

// 更新骑手位置
setInterval(function() {
  riderMarker.setPosition([121.505443 + 0.001, 31.238167 + 0.001]);
}, 1000);

用户端实时地图路线查看

用户端实时地图路线查看功能让用户随时了解骑手位置和配送进度。下单后，小程序会显示骑手位置和路线，用户可根据路线实时查看配送进度。遇到问题时，用户也可查看骑手位置和路线，及时沟通。

代码示例：

userMap = new AMap.Map('userMap', {
  zoom: 15,
  center: [121.505443, 31.238167]
});

userMarker = new AMap.Marker({
  map: userMap,
  position: [121.505443, 31.238167],
  icon: "images/user.png"
});

riderMarker = new AMap.Marker({
  map: userMap,
  position: [121.505443 + 0.001, 31.238167 + 0.001],
  icon: "images/rider.png"
});

// 更新骑手和用户位置
setInterval(function() {
  riderMarker.setPosition([121.505443 + 0.001, 31.238167 + 0.001]);
  userMarker.setPosition([121.505443, 31.238167]);
}, 1000);