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

小咪咪 2022-01-10 13:27 440阅读 0赞

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70 1][]

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

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

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70 2][]

这里的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],
        })

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20190620100315925.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70 1]: /images/20220110/9bc9f85fd05b46f7a4a8750fa8d7a31c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70 2]: /images/20220110/563be619b7244b62be0d9eb90287f228.png