高德地图做汽车路线规划的时候清除之前的路线

最新推荐文章于 2024-04-08 16:30:39 发布

原创最新推荐文章于 2024-04-08 16:30:39 发布 · 3.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#高德地图 #sdk #路线规划 #清除路线

javascript 专栏收录该内容

75 篇文章

订阅专栏

在使用高德地图SDK进行汽车路线规划时，遇到汽车位置到起点的路线无法清除，需强制刷新页面的问题。解决办法是调用特定方法，作者使用React，在componentWillReceiveProps里调用该方法，this.map为初始化地图的代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在做这个汽车路线规划的时候遇到的问题：就是汽车位置到起点的路线，然后变成汽车位置从起点至终点，那么汽车位置到起点的路线没有清除，还留在上面，要强制刷新页面才能清除！这样当然是不行的！！！

解决办法就是调用这个方法

// 清除所有覆盖物，只要用这个就可以了，
this.map.clearMap()

调用这个方法后就可以看到效果了，我用的react，是在componentWillReceiveProps里调用的

这里的this.map就是你初始化地图的代码


// 获取两地经纬度的中点
    const centerlatitude = (parseFloat(driver.latitude) + parseFloat(destination.latitude)) / 2
    const centerlongitude = (parseFloat(driver.longitude) + parseFloat(destination.longitude)) / 2
// 初始化地图
    this.map = new Map(this.mapNode, {
      center: [centerlongitude, centerlatitude],
      resizeEnable: true,
      expandZoomRange:true,
      zoom:19,
      zooms:[3, 19],
    })